How to decrease spaces between menu items

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 8 months ago

    Is it just regarding a certain browser size?

    Thread Starter jannnnnneke

    (@jannnnnneke)

    9 years, 8 months ago

    Well, today I added a new page to the menu. Now the last menu item is displayed on a line below. While it seems like he would fits on the same line. If I make the browser bigger he stays on the line below. I tried to change the custom css and this helped:

    .main-navigation ul {
    width: 870px;
    }

    But now when I make the browser smaller the menu items cross over the logo. Without changing the css the menu items became smaller and closer to eachother.

    Hope I’m clear now!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 8 months ago

    Try installing this Custom CSS plugin:
    https://ww.wp.xz.cn/plugins/custom-css-manager-plugin/

    Then add this CSS:

    
.main-navigation li {
    margin-left: 4rem;
}
    Thread Starter jannnnnneke

    (@jannnnnneke)

    9 years, 8 months ago

    I have already an option with the theme to create custom css. I added it and it worked!! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How to decrease spaces between menu items’ is closed to new replies.