Tagged: ,

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

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


    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,


    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 3 years, 6 months 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.