Hi,
I have a problem with the dropdown of the last topmen item: it is running out of the browser window, see this image:
The problem occurs under all resolutions. Could anyone please help me with that?
Thanks in advance.
Hi André,
Please try the following in Quick CSS under Enfold–>General Styling to activate the mobile menu for ipad screen sizes as well:
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
Best regards,
Rikard
Hi Rikard,
thank you for your response, but that doesn’t solve the problem. See this screenshot on my regular computer:
If there is no CSS fix for that, I probably could change that behaviour via my child theme’s public js? Checking the html output, the ID of the surrounding li element of the submenu is menu-item-3485.
Thanks for helping me with that.
The probIem still existed after the last update (3.6.1). I managed to fix this with the following css:
@media only screen and (min-width: 768px) {
#menu-item-3485 .sub-menu {
margin-left: -60px;
}
}
But this of course only works in my special case. Imho there is a general problem with the main menu logic somehow.