http://www.swwabigs.org has a main menu in the header to the right of the logo. In mobile versions, instead of giving us a burger and slideouts, the main menu appears at the very bottom of the page just as it looks on the desktop version, but all scrunched up. Any suggestions on why this is? Can I create a separate main menu just for mobiles that will work? Enfold is up to date, and everything else seems to be running fine. Thanks!
Sorry — the menu at the bottom is the footer menu. So that means the main menu just disappears in the mobile version.
Hi,
You are correct.
Let us know if there is anything else e can do for oyu.
Best regards,
Basilis
Basilis — I don’t understand what I am correct about — the issue is still that the MAIN MENU does not appear at the top on mobile devices as it should. In my second note, I just clarified that the footer menu at the bottom is not the main menu, so has nothing to do with the problem. There is still no main menu ‘buerger’ or anything on mobile devices. I really need to figure this out for my client. I swear the MAIN MENU burger used to appear next to their logo on mobile devices, but it doesn’t any longer. Please help if you can.
Thanks!
LeeAnne
Hi LeeAnne,
It looks like the burger menu being obscured a bit by the top menu, please try this in Quick CSS to correct that:
@media only screen and (max-width: 990px) {
.av-burger-menu-main {
padding-top:30px !important;
}
}
Make sure to clear your browser cache and reload the page if don’t see any changes.
Best regards,
Rikard