How to increase padding in primary nav

[webgirl20]

Hello,
How would you increase the padding in between the primary navigation on the link below
Want to increase the padding between the Catalogue & Forum headings
Am using the Genesis sample theme
Thanks

http://www.p-ng.com/sample-page

[Pixel Frau]

You would change the padding here, around line 707 in your stylesheet.

.genesis-nav-menu a {
    border: none;
    color: #000;
    display: block;
    padding: 28px 24px;
    padding: 2.8rem 2.4rem;
    position: relative;
}

[webgirl20]

thanks for that, am pretty ok at css & html, just few things am not sure about
did change the 24px padding (re above code) but it increase the spacing between
Home, Catalogue, Forum & Contact, is it at all possible to increase the padding between
Catalogue & Forum as there will be a logo in between these 2 heading but not increase the
padding betwen Home & Catalogue and Forum & Contact.
thanks

[upthink]

Each menu item in WordPress has a specific id associated with it. You can use it to attach properties to just that specific menu item.

So for example you could do something like this on your example page:
li#menu-item-8 { padding-right: 100px; }

[Pixel Frau]

You can also add a specific class to the menu item you want to change, and then target that class in the CSS. That way you don't have to worry about the editing the menu and changing the item ID.

[webgirl20]

thank you both, I will try out the suggestions you mentioned

[Author]

Posts