Mobile Header Logo – Breaks into separate line when loading

[Patrick]

Hi Guys –

I am using the mobile header on my site https://bargames101.com. I’ve been using the theme on this site for a while now. But I always have trouble getting the mobile header to work correctly on mobile. I currently have a small logo and it’s still breaking the menu icon into a separate line when it first loads. Can you see if there’s some CSS causing the problem or suggest some changes?

Thanks,

Patrick

[Leo]

Hi there,

It shouldn’t be a CSS issue if it’s only happening on site loading.

Can you make sure this is done?
https://www.screencast.com/t/GNUpe3U6Hs5

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Patrick]

OK.. did that. It’s more that when the page first loads, the header menu drops to a second line but after scrolling up it snaps into place.

[Leo]

Just checked your site again and it seems to be fixed (it’s a pretty common caching plugin issue).

Can you confirm?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Patrick]

Thanks! Yes, seems to be working now. I use WP Rocket and Cloudflare cache. Do you think reactivating these will cause the same problem? Is there another caching plugin you’d recommend? Thanks for your help.

[Leo]

Can you try activating one of them at the time and try to isolate which one is causing the issue?

I don’t think you need both.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Patrick]

Yup.. it’s WP Rocket.. thanks again

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts