Tagged: main menu, Responsive Menu
Hello,
I have just installed and started to customize my purchased theme, but I am noticing right away that on some mobile widths, the main top navigation is still visible along with the mobile navigation. Also, the switch to the mobile navigation does not seem to be relative to the width of the logo, as the menu overlaps the logo when the browser width is narrow instead of falling below the logo or switching to the mobile menu. Any insight is appreciated.
Also, is it possible to have my logo overlap the slider below it instead of being fixed within the header? Ideally this logo needs to be larger in order to read it clearly, but of course that enlarges the entire header and looks pretty awkward. Is there an easy customization that will allow this that can be shared?
Thanks in advance for a quick reply!
Hi dlcintron!
1. Add this to your custom CSS.
@media only screen and (max-width: 959px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
2. Add this to your custom CSS.
.logo { top: 100px !important; }
Cheers!
Elliott