Joomla Templates Club 406,261 posts

[iammontoya Friend iammontoyaJoin date: June 2009Posts: 80Downloads:38Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#166680

I have several menu items (9) and they don’t seem to fit in a single line. Instead, the menu items spill over into a second line. I’m guessing it is because it exceeds the content of the main site?

I need the menu to remain on 1 line, please.

The site is http://www.salsaorlando.com.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#402943

Hi,
You replace this code from /templates/ja_droid/css/menu/mega.css in the line #20

.ja-megamenu a {
background: url(../../images/mainnav-sep.gif) no-repeat right center;
color: #94A0BE;
padding: 15px 20px !important;
font-weight: normal !important;
font-size: 110%;
text-transform: uppercase;
}
with

.ja-megamenu a {
background: url(../../images/mainnav-sep.gif) no-repeat right center;
color: #94A0BE;
padding: 15px 12px !important;
font-weight: normal !important;
font-size: 110%;
text-transform: uppercase;
}

1 user says Thank You to khoand for this useful post

1. iammontoya

[iammontoya Friend iammontoyaJoin date: June 2009Posts: 80Downloads:38Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#402944

I had to change it to 9px, instead of 12, but it worked brilliantly!

Thank you!

[Author]

Posts