reducing space between menu items

Sparkling
1

Hello,

how can I reduce the empty space between menu items?

2

Add this code to Theme Options - Other - Custom CSS and change values to ones you like better.

.navbar-nav li a {
    padding: 5px 10px;
    line-height: 10px;
}

This won’t make navigation menu itself narrower as there is more code that makes sure that it remains the same size. If you need to reduce that, please post your website URL and I will give you exact directions.

3

The URL is: schloss-schule-ilvesheim.de
Thanks in advance.

4

Try it like this:

.navbar-nav li a {
    padding: 5px 0 10px 10px;
    line-height: 10px;
}
#logo img {
    max-height: 50px;
    width: auto;
    margin-top: 3px;
}

But it really depends how you want to style those items. I like them that way but probably you have a different vision on what you are trying to achieve.

5

Thank you very much. That worked perfectly for me.