Archived topic
Mobile Header Logo - Breaks into separate line when loading
7 replies · Started by Patrick on April 6, 2020
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
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
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.
Just checked your site again and it seems to be fixed (it's a pretty common caching plugin issue).
Can you confirm?
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.
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.
Yup.. it's WP Rocket.. thanks again
No problem :)