Menu Not Looking Quite Right

[yellowdog]

Hi

I am getting on with my sitebuild but have a slight issue with the menu over at http://www.learn-to-tint.com using modern portfolio.

I cant work out how to get the menu to fit exactly - there is a small divider bar just to the right of the contact us button, if i add an extra word or even a letter to try and make it fit correctly, the menu wraps to the next line and looks a mess?

Got to say its driving me crackers! I wish I had a better knowledge of css for sure.

I appreciate any help you can offer in making it fit correctly.

thx

[surefirewebserv]

You can adjust the padding to the nav:

.genesis-nav-menu a {
display: block;
padding: 14px 16.9px;
padding: 1rem 1.058rem;
position: relative;
}

Then to remove the border on the last one add this:


li#menu-item-418 {
border-right:none;
}


Or you can give the menu item a class name as well.

I would also say you can use ::last but I'm not sure how browser friendly that is yet.

---

SureFireWebServices.com | Genesis Tuts and More
Genesis Theme Starter Kit | It’s Free

[yellowdog]

Thx - i will have  a play now!

 

[yellowdog]

You're a star!!

Thx..looks sweet now!!

 

[surefirewebserv]

=)

---

SureFireWebServices.com | Genesis Tuts and More
Genesis Theme Starter Kit | It’s Free

[Author]

Posts