Help me fix a small navigation CSS issue

Please advise what CSS to change/add in order to even the padding of the links in my navigation bar (notice it is uneven top & bottom):
Who is Participating?
EyalConnect With a Mentor Commented:
change the
.menutop li
#rt-menu a, #rt-menu a:hover, .menutop > .item, .menutop > .item:hover, .menu-type-splitmenu .menutop .item

heights to 38px
looks perfect to me (IE and Firefox)
TonyCaboneAuthor Commented:
Not if you measure the distance between the top of the nav bar & the links with the bottom of the nav bar & the links.

i.e. see picture attached. I want an even gap on both the top & bottom of the text in the links. Padding on navigation uneven
Rouneh10Connect With a Mentor Commented:
On line 21 in your fusionmenu.css I found this:
.menutop li.root > .item span {
   display: block;
   margin: 0;
   outline: none;
   padding: 0 15px;
   width: auto;
   line-height: 3em;

Open in new window

Change line-height to 40px (the size your containers are) and your padding should look better.
TonyCaboneAuthor Commented:
I just overlooked that answer, thanks for amending the points & thank you Eyal.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.