Premium Theme Support › Themes Harbor › Appetite

New Homepage Questions

  • Author
    Posts
  • #159336
    workthewater
    Member

    2 questions regarding my homepage (https://workthewaterfront.com/).
    1. I noticed in IE the two images side by side toward the bottom of the page are really large and overlap each other. I know IE is a problem child but is there a fix for this?

    2. Also, I originally just used the default page layout for my homepage and thought it looked fine. I then read more about your homepage layout and went that route instead, creating other pages holding featured content. But honestly, for my simple site it seems more complicated than it’s worth. The main thing I really wanted to achieve was hiding the word HOME in the middle of the featured image on the homepage. Is there a simple way to do that with code instead of my current workaround?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

    #159356
    tarasdashkevych
    Theme Author

    Hello,


    “I noticed in IE the two images …”
    – Could you please tell me what version of IE you are using?

    —

    “The main thing I really wanted to achieve was hiding the word HOME in the middle of the featured image on the homepage. “
    – I can help you with it. Also, I would recommend to give your homepage a more meaningful name (for search engine purposes), even if this title will be hidden.

    Let me know when the page is ready, so I can provide a custom CSS for you!

    Kind regards,
    Taras

    #159361
    workthewater
    Member
    Original poster

    Thanks. I am using IE 11.

    And I have updated the homepage as well.

    #159363
    tarasdashkevych
    Theme Author

    Thank you for updating the page. Please add this custom CSS to hide the title on your homepage:

    
.home .page-header .entry-title {
  display: none;
}

    —

    “I am using IE 11.”
    – It’s possible that IE does not support some modern CSS used by the block. I am going to investigate this issue and provide you more information after investigation.

    Kind regards,
    Taras

    #159414
    workthewater
    Member
    Original poster

    Thank you! The CSS for the header text worked perfectly and thank you for looking into the IE issue. I know it’s a pain to work around IE but unfortunately, many of our clients use it so I have to be mindful. Thanks again!

    #159425
    tarasdashkevych
    Theme Author

    Please try to add additional “ie-columns-fix” class to your Columns block (https://wordpress.com/support/adding-additional-css-classes-to-blocks/) , and then also add this custom CSS to your site:

    
.ie-columns-fix img {
  width: 100%;
}

    “I know it’s a pain to work around IE…”
    – Yes but soon IE11 will not be supported on many sites. Even Microsoft is dropping support for IE11: https://www.theverge.com/2020/8/17/21372487/microsoft-internet-explorer-11-support-end-365-legacy-edge

    Please note, that a layout of your site might not looks in IE exactly the same as in modern browsers because IE11 does not support some modern CSS which is widely used on the web.

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #159429
    workthewater
    Member
    Original poster

    Thank you. This definitely helps.

    #159437
    tarasdashkevych
    Theme Author

    You are always welcome!

    Kind regards,
    Taras

  • The topic ‘New Homepage Questions’ is closed to new replies.