Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 23, 2018 at 8:15 pm #945534
    flipper1960

    Hello support,
    Read several discussions on how to change the witdh of the mega menu.,

    Please have a look on my site (see private content) and select the menu option “Mijn werk”
    It is a mega menu like I want, but the space between the choices of the menu is too big. How to decrease the space between e.g. Avond Macro Portret
    Tried different codes and that worked but then the header was not in the position it shoud be.:
    This was the used code:

    #top #header .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 5px;
    }
    #top #header .avia_mega_div > .sub-menu {
    padding: 20px 20px 20px;

    Thanx Henri

    April 25, 2018 at 4:46 am #946373
    Ismael

    Hey flipper1960,

    Thank you for using Enfold.

    The theme automatically defines the width of the mega menu and the items inside it. It depends on the number of columns. The good thing is that we can still override it with a few css modifications.

    #menu-item-762 .avia_mega_div.twelve.units {
    width: 700px !important;
}

#menu-item-805, #menu-item-807, #menu-item-806 {
    width: 100px !important;
}

    Adjust the value as needed.

    Best regards,
    Ismael

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