Adjust Space Between Menu Items | ww.wp.xz.cn

mstewart2014
(@mstewart2014)

10 years, 7 months ago

Hi! I can’t figure out how to adjust the spacing between my header items so they all fit on the same line as the site title. I don’t want to have it on the line below, so I’m trying to make the space between the menu drop downs smaller.

Site: http://www.meadvillecooperativepreschool.com

Any help would be great. Thanks!

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

Pankaj kumar
(@pnk1034)

10 years, 7 months ago

.logo {
width: 100%;
}

Remove width from logo.
Mr Case
(@mr-case)

10 years, 7 months ago
do as he says. 40% will get you there
```
.logo {
    width: 40%;
}
```
Thread Starter mstewart2014
(@mstewart2014)

10 years, 7 months ago

That’s not working, unfortunately. It’s just bumped the logo closer to the menu items. I’m trying to move the actual text closer together…:/

Mr Case
(@mr-case)

10 years, 7 months ago

nothing will ever fit on the same line as your title as long as your title is taking up 100% width. the width needs to be adjusted. make it small enough to suit your needs.

Theme Author OptimizerWP
(@layerthemes)

10 years, 7 months ago

@mstewart2014
Try decreasing the Site title font size and add this to your Custom CSS:

#topmenu ul li a{padding:20px 10px;}
Mr Case
(@mr-case)

10 years, 7 months ago
THE. WIDTH. OF. THE. LOGO. IS. TOO. BIG.

If you want some super hacky, garbage css try this.
```
#topmenu {
    position: relative;
    top: -60px;
}
```
Pankaj kumar
(@pnk1034)

10 years, 7 months ago

You need to adjust logo by decreasing font size.
Or you can use image.

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

The topic ‘Adjust Space Between Menu Items’ is closed to new replies.

Tags

7 replies
4 participants
Last reply from: Pankaj kumar
Last activity: 10 years, 7 months ago
Status: not resolved