Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #654098

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

    #654176

    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

    #654694

    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, 5 months ago by yampieters.
    #655783

    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

    #849912

    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 :-)

    #850007

    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

    #850150

    Thanks Mike – it worked wonderfully :-)

    #850156

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

    Best regards,
    Mike

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