Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 28, 2016 at 10:38 am #654098
    yampieters

    where / how can i manage the space between the menu items?

    June 28, 2016 at 12:57 pm #654176
    Vinay

    Hey jelle,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    nav.main_menu {
     margin-right: 0!important; 
     margin-left: 0!important; 
}

#top #header .av-main-nav > li {
    padding-left: 10px;
    padding-right: 10px;
}

.av-main-nav-wrap, .main_menu {
	width: 100% !important;
}

    Best regards,
    Vinay

    June 29, 2016 at 10:17 am #654694
    yampieters

    hi vinay, thanks, works great.
    1. and imagine i would like to align the menu in the middle…i cant see no option in basic configuration to do so…
    2. see image, now the menu items are not aligned in the middle of the separators anymore. how to manage this?

    • This reply was modified 8 years, 4 months ago by yampieters.
    July 1, 2016 at 2:12 pm #655783
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    padding-left: 25px; 
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    September 9, 2017 at 10:52 am #849912
    OKEIwebbureau

    I have tried to use this code to make the menu items wider on http://monaire.dk.
    Monaire.dk wanted to have the menu items equally divided on the desktop screen (from left to right…almost).

    However on smartphones, then the menu icon is not placed to the right. Any solutions on doing that?
    http://monaire.dk/wp-content/uploads/2017/09/monaire-smartphone-menu-icon.png

    nav.main_menu {
    margin-right: 0!important;
    margin-left: 0!important;
    }

    #top #header .av-main-nav > li {
    padding-left: 40px;
    padding-right: 40px;
    }

    .av-main-nav-wrap, .main_menu {
    width: 100% !important;
    }

    Thank :-)

    September 9, 2017 at 10:20 pm #850007
    Mike

    Hi,
    To move the mobile burger menu to the right, Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 766px) { #top #header .av-main-nav > li {
    padding-left: 80%!important; padding-right: 0px!important;  }}

    2017-09-09_161832

    Best regards,
    Mike

    September 10, 2017 at 5:19 pm #850150
    OKEIwebbureau

    Thanks Mike – it worked wonderfully :-)

    September 10, 2017 at 5:36 pm #850156
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘space between menu items’ is closed to new replies.