Hi,
Love the theme. Using the mega menu. On a laptop, the mega menu takes up the entire screen and I can’t scroll down. How can I make the mega menu smaller so that it doesn’t take up so much space?
Site details in private content.
Thanks,
Gabe
Hey connect4consulting,
Can you screenshot how the mega menu portions is viewing on your site? There should be a scrollbar that appears and allows your to scroll.
Best regards,
Jordan Shannon
Jordan,
The issue isn’t that I can’t scroll to the rest of the page – it’s that I can’t see the bottom of the mega menu. Look at my site in private data and view on a laptop – go to the go birding link in the mega menu and you’ll see that there’s no way to click on the bottom items in the mega menu.
Thanks,
Gabe
Hey Gabe,
Would you consider switching to mobile menu on a higher resolution – https://kriesi.at/documentation/enfold/menu/#activate-burger-menu-for-higher-resolution? :)
Cheers!
Yigit
Hi Yigit,
I really want to use the mega menu. There’s no way to make it smaller?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 1340px) and (min-width: 990px) {
#top #header .avia_mega_div > .sub-menu {
padding: 10px 15px 15px;
}
#top #header .mega_menu_title a {
font-size: 16px
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
font-size: 15px;
}
#top #header .avia_mega_div > .sub-menu > li {
padding-top: 5px;
}}
Best regards,
Yigit