Support » Theme: Hestia » Header image hides on scroll

  • Resolved 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.


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

    Any suggestions for a fix would be massively appreciated.


    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.

    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.


    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();


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


    this edit worked for me at

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