Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #259798

    I would like to reduce the width of the mega menus. Is there a way to do that with custom css?

    #259838

    Hey Andrew!

    Thank you for visiting the support forum!

    You can add this on Quick CSS or custom.css to set the max width of the mega menu:

    div.avia_mega_div.twelve.units {
    max-width: 700px;
    }

    You can also use the width property.

    Best regards,
    Ismael

    #259958

    Thank you Ismael. That didn’t work, but it got me on the right track.

    This is what I used:

    #top #header .avia_mega_div {
    max-width: 540px;
    }

    FYI if anyone wants change the width of the main columns, use:

    .av-main-nav ul {
    width: 170px;

    I couldn’t figure out a way to use max-width in the main nav because it appears to influence the mega menu.

    • This reply was modified 4 months, 2 weeks ago by  abmich.
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Enfold Mega Menu Styling – change width’ is closed to new replies.