Menu Item Spacing

pabloconradphotography · Member · Mar 15, 2014 at 3:49 pm
Copy link

Add topic to favorites
Yodels.

Still in a quest to get my WordPress hosted blog matched to my SmugMug hosted website.

My website: http://www.paulconrad.photography

My Blog: http://blog.paulconrad.photography

As of now it’s pretty dang close. What I need is the menu items to be spaced so that they are under the header (like on my website) edge to edge.

The code I was given initially is this, which isn’t working:

/* Spacing of Drop Down Menu*/
.nav-menu > li {
margin-left: 0px;
}

Thanks and have a great weekend.

The blog I need help with is: (visible only to logged in users)
pabloconradphotography · Member · Mar 15, 2014 at 3:53 pm
Copy link
And I did change the value of the “0px” to attempt. Even having a value of “1” causes the last item to drop to a second line like this:

Editorial Fine Art Portraits Weddings Blog About Me Contact

Search

Thank you
pabloconradphotography · Member · Mar 15, 2014 at 7:31 pm
Copy link
bumpity bump
timethief · Member · Mar 15, 2014 at 7:36 pm
Copy link
Bad move on your part and here’s why that is.

Staff work through all forum threads tagged for their attention and through all email support tickets in order of datestamps and timestamps – first posted first served, as would be expected.

Emailing support means it takes longer to get an answer than posting to the support forums does. Please do only one or the other.

Don’t bump your forum threads because it’s not in your best interest to do so. When bloggers keep bumping any thread thinking they are going to get service from Staff more quickly they aren’t thinking straight because that moves the timestamps forward and it takes longer to get a response. The same is true if you email more than once the date moves forward and it takes longer to get help.
pabloconradphotography · Member · Mar 15, 2014 at 8:01 pm
Copy link
Ahhhhhhh. gotcha.
designsimply · Member · Mar 16, 2014 at 9:04 pm
Copy link
What I need is the menu items to be spaced so that they are under the header (like on my website) edge to edge.

This might do the trick:
```
.nav-menu > li#menu-item-3692 > a {
	padding-left: 0;
}

.nav-menu > li#menu-item-3714 > a {
	padding-right: 0;
}

.nav-menu li a {
	padding: 15px 22px;
}
```
Note that “#menu-item-3692” and “#menu-item-3714” refer to specific menu items, so if you adjust the custom menu, then you will also need to make sure to update the corresponding id values in the CSS if needed.

No items found.