hey guys, got a quick fix for this? Burder menu is OFF on mobile: https://prnt.sc/m3hmkw
Thanks
Hey Justin
I guess your goal is just to completely hide the burger menu on mobile, is that right?
You can just add the following code to the Quick CSS field in the Enfold options:
.av-hamburger {
display: none !important;
}
Cheers
Michael
Hey Michael. Thanks. Not looking to hide. If you look closely, the menu hangs too far left & overlaps the logo
Oh I see, got it.
Try the following code:
responsive #top .logo
{
width: 50%;
}
.av-hamburger {
margin-right: 0px !important;
}
Is that what you are looking for?
Hi,
Thanks for helping out @michaelH, did you have any luck with that @justin?
Best regards,
Rikard
Thanks guys,
for some reason I had the following in my custom style sheet:
.av-hamburger {
margin-right: 25px!important;
}
I think it was a temporary fox from the past, where I added a margin to the menu. I removed it.
I also revised the following max-width from 80% to 60%, and it looks perfect now:
.responsive .logo img {
max-width:60%!important;
}
Thanks,
Justin
Hi Justin,
Great, glad you found the problem. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can. Thanks Rikard, and thanks @MichaelH