Tagged: header layout, menu
Hi
If I disable “sticky header” – which is what I want to do – the page name clashes with the main menu, or in other words, they overlap each other. The only way to get rid of this problem seems to be to enable Sticky Header, but I don’t want that feature enabled. I’ve provided a link to a relevant snapshot in the Private Content box.
Also, with Sticky Header enabled, there seem to be ghost remnants of the Main Menu when you scroll up or down the page – see second link in Private Content box.
How can I resolve this? It’s never done this before, although this is the first time I’ve set the menu to be below and not on the left or right and would like to keep it that way.
Thanks
Hey 500Webmaster!
Can we see the site live? I’ve not seen that either so inspecting your code live will hopefully help us find out whats going on.
Cheers!
Devin
Hi!
I cannot reproduce ghosting issue on my end but please try adding following code to Quick CSS in Enfold theme options under General Styling tab
#header_main_alternate, #header {
-webkit-transform: translateZ(0);
}
I have added a custom CSS code to bottom of Quick CSS field and disabled sticky header. If you would like to add bottom border to main menu, please add following code to Quick CSS as well
#header_main_alternate { border-bottom: 1px solid #888; }
Best regards,
Yigit
Thanks so much, works fine now :)