I have only one word (and a smal flag) as menu. But for this on each page a separate menu with the plugin Zen Menu Logic.
I am now trying to change the mobile burger version to the transparent destop version but can’t find a solution. So how if I under Theme Options > General Layouts turn off the switch responsive website, but then just the pages mobile not right.
A described plugin solution does not work because I work with different menus!
I tried to set the mobile breakpoint to 0, but i’m doing it wrong.
Thanks for the help
Hey evabo,
Thanks for the link to your site, to not use the mobile menu and to have a transparent header on mobile please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field
@media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item-avia-special {
display: none;
}
}
@media only screen and (max-width: 767px) {
#top #header .av-main-nav > li.menu-item {
display: block!important;
}
}
@media only screen and (max-width: 766px) {
.responsive #top #main {margin-top: -80px!important;}
#top #wrap_all .av_header_transparency {background-color: transparent!important;}
div#header_main > .container {display: block !important;}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hey Mike,
thanks so much. It works perfect.
You are the best.
Best regards
Eva
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike