Hi, I have added a sub menu on the last menu item, so on the right hand side under contact us, there is a dropdown menu, but it cuts off on the right hand side, i have had to add the following css to bring it to the left a little, is this just a bug? also, is there a way to justify the sub menus right, so they are showing to the left of a main menu item? hope this makes sense, thanks in advance… :-)
ps, i have left the css i put on so you can see how it cuts the sub menu off on the right… :-)
sorry, this was the css i added… :-)
.av-main-nav ul {
left: -50px;
}
Hi,
It seems to only do that on smaller screens just before the mobile menu is activated, I think you will have to reduce the font size of the main menu or the sub items if you want to get rid of it. You can also activate the mobile menu at an earlier point, you can use the following to achieve that:
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Edit the value 1024 to the pixel value you would like the mobile menu to activate.
Best regards,
Rikard
Thank you for your help, you can now mark this ticket as resolved… :-)