Reducing the spacing between the text element in the top navigation using CSS

HTML & CSS
1

Trying to reduce the space between the navigation elements in the top Nav with css so the text is closer to each other, I can’t work out what to change to make it work. I want to increase the size of the text which is straight forward but it makes everything run round. Any help much appreciated.

Site is http://leadsheet.co.uk/

2

The space is created with padding left and right in this rule:

.nav__menu > li {
    float: left;
    padding: 8px 15px;
    position: relative;
}

Just reduce the 15px to make the space smaller/

1 Like
3

Thanks Paul, Perfect:)

4

@colin45,

It would not hurt (the web sites) for you to validate the HTML.

https://validator.w3.org/nu/?doc=http%3A%2F%2Fleadsheet.co.uk%2F

(Click the “message filtering” button for a concise summary.)

<ot>
Those patterns are following you around.

https://validator.w3.org/nu/?doc=http%3A%2F%2Fdev.londonhr.org%2F

Your customers are bound to notice.
</ot>

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.