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):

http://118.127.32.94/~tekspech/fleurieugolfcourse/
TonyCaboneAsked:
Who is Participating?
 
EyalConnect With a Mentor Commented:
change the
.menutop li
and
#rt-menu ul.menu li.active a, #rt-menu ul.menu li.active a:hover, .menutop li.root.active > .item, .menutop li.root.active > .item:hover, .menu-type-splitmenu .menutop li.active .item

heights to 38px
0
 
joomla_phpCommented:
looks perfect to me (IE and Firefox)
0
 
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
0
 
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.
0
 
TonyCaboneAuthor Commented:
I just overlooked that answer, thanks for amending the points & thank you Eyal.
0
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.