Support » Theme: Hestia » Header image hides on scroll

  • Resolved seanthrive

    (@seanthrive)


    Hi guys,

    Absolutely loving the theme.

    I have a problem with the header image on my posts and pages.

    When I scroll to the bottom of the page and then scroll back to the top, the header image seems to get stuck below the content, leaving an ugly blank space above the content.

    e.g. https://thrivelearn.org.uk/blogposts/health-benefits-of-gardening/

    I am primarily using Chrome but have the same issue in other browsers.

    Any suggestions for a fix would be massively appreciated.

    Sean

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi @seanthrive,

    Thank you for contacting us.
    Can you please let me know if you are using the latest version of the theme? Because this issue should have been fixed in the latest update.

    Please let me know.
    Regards,
    Rodica

    Hi Rodica,

    Can you tell me what file was modified or what the change was? I already customized an older version of your theme (without using a child theme) and I will loose all my work if I’ll update it.

    Thanks,
    Bogdan

    Hi Bogdan,

    We don’t encourage this way of working on the theme, but I’ll try to help you, as much as I can in this situation.
    There were multiple changes, but you can try this:
    In assets/js/scripts.js

    replace this lines:

    var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') !== -1) ? 'body' : 'html' );
    var viewportTop = $(scrollElem).scrollTop();

    with:

    var viewportTop = $(window).scrollTop();

    Regards,
    Rodica

    this edit worked for me at https://samuelkyama.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header image hides on scroll’ is closed to new replies.