Whatever I try in changing the Quick CSS under webstyling according to the divers forum answers, it will not succeed on my website. When I make the screen manually smaller, the menu is overlapping the logo untill the hamburger icon finally appears.
What is the right setting (in Quick CSS or elsewhere).
Also I don’t have a Mobile Menu Tab under the Header setting as is mentioned somewhere on your site.
Furthermore I like to change the icon in a icon with the text MENU incorporated. Now lots of people dont know that this icon presents a menu….
TIA!
Rob
@media only screen and (max-width: 1200px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block !important;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a { border: none !important; }
}
My remarks: it works!
Still I like to change the Hamburger Menu Icon….Where can I do that?
Hi,
The old hamburger menu icon is removed from the new version, I think you can use an image and use css to replace the 3 lines with an image of the hamburger menu icon. Hope this information helps.
Best regards,
Nikko
Hi ZorgSaam
Thanks for the css, it works perfectly!!
René