Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 3, 2014 at 9:56 pm #259798
    abmich

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

    May 4, 2014 at 3:04 am #259838
    Ismael

    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

    May 4, 2014 at 4:34 pm #259958
    abmich

    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 10 years, 6 months ago by abmich.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Enfold Mega Menu Styling – change width’ is closed to new replies.