[Resolved] GeneratePress Header inconsistent after scroll

[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

[Tom]

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?

[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.

[Tom]

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

[Author]

Posts