Viewing 3 replies - 1 through 3 (of 3 total)
  • Those list items have a width of 16.5% of the width of the list in total, which is 1170px. So due to the size of your fonts and width of your list items, they’re overflowing.

    You could increase the width to say 22.5% or whatever size you are happy with. The best way is to probably do it with a WordPress CSS plugin. Try this one:

    http://wordpress.org/plugins/simple-custom-css/

    Install, activate and then enter this CSS:

    #nav-second ul.sf-menu>li {
    width: 22.5%;
    }

    Bear in mind, if you go on to add another list item, you’ll go over 100% and this will result in a second line of links being created and would probably look rubbish.

    Thread Starter GabrieleLou

    (@gabrielelou)

    Thank you so much !! it’s working !

    Last question, how I do to center the whole menu now ?

    Thank !!

    #nav-second {
    display: table;
    	margin: 0 auto;}
    
    #nav-second ul.sf-menu>li {
    margin: 0 22px;
    width: auto;
    display:inline-block;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘no space between menu items ! (second naviagation)’ is closed to new replies.