[Resolved] GeneratePress Header inconsistent after scroll

Home Forums Support GeneratePress Header inconsistent after scroll

  • This topic has 3 replies, 2 voices, and was last updated 6 months ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1197740
    Kevin

    Hey there,

    I am having a strange issue I hope you can help with.

    The GP sticky header displays the navigation underneath the logo on first scroll. But if you scroll back to top of page and scroll again, the navigation moves beside the logo.

    This symptom occurs on landscape mode on iPhone XS.

    Screenshots = https://imgur.com/a/O0CqkeK

    Kevin

    #1197816
    Tom
    Lead Developer
    Lead Developer

    Hi Kevin,

    Testing this in developer tools using their iPhone X option using landscape mode, but I’m not seeing this issue.

    Are you using a specific tool to test this other than developer tools?

    #1199838
    Kevin

    Thanks Tom,

    The symptom happens on iOS simulator and my iPhone XS.

    After a few hours diagnosing, I found the issue to be caused by my caching plugin (WP-Rocket) which was disabled when you inspected.

    For future readers, it was caused by enabling lazyload. Disabling lazyload consistently rectified the symptom for me.

    My assumption is that the sticky nav logo image didn’t load until scroll. That’s why scrolling up again fixed it.

    Thanks for the great theme Tom.

    Kevin

    #1200055
    Tom
    Lead Developer
    Lead Developer

    Glad you found the issue! You can likely exclude the logo from lazy loading quite easily 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.