Hello!
I have to many sub pages on a dropdown menu, and the last one cant be seen on a page that is lower than the menu.
How can i solve this issue?
Hey jockejansson,
I can’t see anything like that on the page you linked to, where can we see the problem in question?
Best regards,
Rikard
give those menus an overflow : auto and a concrete height (f.e. 60vh means 60% of screenheight) or as code shown a calculated height
I have this sometimes to do on mega-menus that have a second, third row i gave in this case to the mega-menu:
#header .avia_mega_div {
overflow: auto !important;
max-height: calc(100vh - 80px);
}
i can not see your site – i’m participant too – so i can not give you the code which works for you
supposed it is working:
.avia-menu .sub-menu {
overflow: auto !important;
max-height: calc(100vh - 80px);
}
or test this:
#top #header ul:first-child >li > ul {
overflow: auto !important;
max-height: calc(100vh - 80px);
}
the 80 px depends on your header height
Hi,
I was able to scroll down in you mobile menu in Chrome for Android, which browser are you seeing this error?
Please let us know if Guenni007’s suggestion helped.
Best regards,
Mike
Please see first page at private content link.
When hovering over “produkter” the menu is not showing all the links since the page is preventing the menu to show them.
Hi,
I checked the page and everything is been loading fine.
What menu is not loading?
Best regards,
Basilis
I have now added the footer to the website, and since then, the whole menu is visible.