home page excerpt not working in Safari

  • Hello,

    We use the Bento theme option to have a text excerpt superimposed on header video on our homepage.

    This works fine in Chrome & Firefox, but not in Safari: the excerpt doesn’t appear. The height of the video is also reduced – cropped top and bottom.

    I experimented with bento_header_image_height. But even increasing that, doesn’t allow the excerpt to show, in Safari. Interestingly, bento_header_image_height set at 20% viewed in Chrome & Firefox is identical to bento_header_image_height set at 30% viewed in Safari.

    All screens I’ve tested this issue on have been set to resolution defaults and all browsers to 100% zoom.

    As so many Apple products use Safari as a default browser, this is a problem.

    Please can you help?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hello Melanie, I can’t seem to be able to reproduce the issue in a Safari browser – would you be able to attach a screenshot?

    Thread Starter melanieclifford

    (@melanieclifford)

    Hello,
    Thanks for swift response. How do I attach a screenshot? I can’t see an option to do that on this forum.

    Theme Author satoristudio

    (@satoristudio)

    You can use a free image hosting and post a link here.

    Thread Starter melanieclifford

    (@melanieclifford)

    Hi – Here’s a screen shot – Chrome on the left and Safari on the right:

    https://thegreatbear.net/chrome-safari-sshot.png

    Theme Author satoristudio

    (@satoristudio)

    Thank you! After analyzing the code I can see that the title is hidden because “Hide Title” checkbox is checked in the page editor mode (“General Settings” section just below the main content editor area). Still looking into why the option does no apply in Chrome, but if you untick it the subtitle should display as intended. If you wish to just hide the title and leave the subtitle, just on that page – you can use this snippet:
    .home .post-header-title .post-header-subtitle { display: block !important; }

    Ha – great, thankyou.. and yes we don’t want the Home title to appear, just the subtitle..

    The snippet though doesn’t seem to change anything, the home title is still there….

    • This reply was modified 5 years, 1 month ago by thegreatbear.
    Theme Author satoristudio

    (@satoristudio)

    The snippet should force the subtitle to display; you can go the other way around, un-tick the “Hide Title” option I mentioned above and use this snippet to hide the main title instead:
    .home .post-header-title h1 { display: none !important; }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘home page excerpt not working in Safari’ is closed to new replies.