Wierd top menu and header
-
On desktop (Chrome) view everything looks fine. But on my mobile using chrome, or Safari, the header and menu begins to act strange. In my chromne mobile browser there is a big wide gap between header and first section (there is no such large gap on desktop version). Furthermore, when I have scrolled down and use e.g. take med to top button out to the right, the header headline and tagline is suddently covered by the overlay menu and logo. And yes I have applied custom CSS to make the menu sticky on mobile phones and it has worked perfectly.
I have installed Lazy Load by WP Rocket, and I have installed Wordfence Security, and WP Total Cache. After those it seems like something changed. Can you gyus help me out?Regrads,
JakobThe page I need help with: [log in to see the link]
-
Okay, I tried a lot of things, but ended up with deleting my CSS custom code telling the page to make a sticky mobile menu. The page works perfectly on desktop view and I REALLY would like to have a sticky mobile menu because I made a one page website….
I tried all of the CSS code provided in your support links like:However, when I use these, well I get a sticky mobile menu, BUT it mess up the headline, the tagline, as it is hidden behind the black block of sticky menu.
Does anyone has a simple solution to make the mobile menu sticky and not making the header slider go crazy and hidden behind everything:-)
Thanks!
Hello Jakob,
It looks like this issue requires some coding and testing on different screen resolutions, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork. Hope for your understanding.
Kind Regards, Roman.
The topic ‘Wierd top menu and header’ is closed to new replies.
