Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #986529

    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

    #986590

    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

    #987096

    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

    #987107

    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

    #987111

    Hi Yigit,

    I really want to use the mega menu. There’s no way to make it smaller?

    #987930

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.