Can you help me? The menu buttons look great on a large screen desktop computer but…
… they start to overlap the logo when viewed in a narrower window. Is there a way to solve this without reducing the logo size? Could it be made to maybe switch to a hamburger style menu sooner?
The “Books” dropdown menu — some book titles break into two lines, which overlap each other. Can the line depth be increased?
Lastly, the menu isn’t showing at all on some mobile devises.
Any help will be appreciated! Many thanks in advance.
Hey GOLDSMITHPE,
Please try this in Quick CSS in order to trigger the mobile menu at an earlier point:
@media only screen and (max-width: 1230px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
Best regards,
Rikard