I have tried to make the burger menu to appear sooner with this from your support pages…
/* Activate burger menu */
@media only screen and (max-width: 1300px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}
can you try to set it as defintion between your enfold options breakpoint and the new one
f.e. as:
@media only screen and (min-width: 990px) and (max-width: 1300px) {
…
or do you have a setting for header left or right? – but even then – it has to work this way you have on top in your code.
PS : i tested it on a Enfold 5.6.3 – it works with your code too.
Is there a page we can inspect?
Hi whdsolutions,
Your mobile menu activates at 1300 pixels on my end. Thanks for helping out @guenni007 :-)
Best regards,
Rikard