Good Morning to everyone!
I’m building a website for a client and I’m using Vantage Theme. On the main menu I use some subitems. In fact, I added 10 subtitems to 3rd menu item and I cannot scroll down to see all of them. This “issue” appears only in 15.6″ laptop monitor. In other devices it works correctly (i.e. mobile devices and >19″” widescreen monitors).
How is it possible to fix this?
Website url: http://www.phema.gr
Thank you in advance!
Hi Lmk83,
I would recommend installing and configuring Max Mega Menu. That’ll allow you to reduce the vertical nature of your menu with the help of columns.
Good evening Alex!
Thank you for your response, but this doesn’t help me. I tried Max Mega Menu and reshapes the entire main menu of Vantage Theme.
I need something that allow the visitor to scroll down the menu items, i.e. a splitter, in case of using a laptop
Hi Lmk83,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
@media (max-height: 1050px){ .menu-item-383 .sub-menu { overflow-y: scroll; overflow-x: hidden; height: 300px; } }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Good morning Alex
I tried something I found in an older post here. I reduced the padding on submenu items so they appear properly on every screen. For now, it works fine.
I tried your last response and it works fine too. I added this part to my CSS – as comments – so if I need this I will use it.
Thank you very much!!
Consider this post closed.