Joomla Templates Club 406,261 posts

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#188135

Hi I have spent a day trying to change the menu font size for this template. I have some extra menus and they’re going onto the second line.

I have ‘Optimize CSS’ as off, I have tried everything to reduce the size of the menu font size to no avail.

I have tried

>templates/ja_mitius/css/megamenu.css
>templates/ja_mitius/css/template.css

and a few other places with no luck, please if somebody can kindly help.

Cheers

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#495446

Hi

Try here /templates/ja_mitius/css/template.css around line 1125

.ja-mainnav .navbar .nav > li > a {
border-top: 0;
border-right: solid 1px #e5e5e5
font-size: 14px; <-----Change value here
font-family: 'novecento_wide_lightbold', sans-serif;
text-shadow: none;
text-transform: uppercase;
outline: none;
padding: 15px 20px;
}

1 user says Thank You to pavit for this useful post

1. kayz

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#495558

I could have sworn I edited those and it did not work.

But now after attempting it again it has worked.

Many Thanks

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#497480

The default padding is a generous size, you can reduce the ‘right/left’ padding figure instead or as well to allow more menus if required and also keep the remaining space at each end of the menu bar in balance:

Try this in the template custom css:

.ja-mainnav .navbar .nav > li > a {
font-size: 13px;
padding: 15px 15px;
}

The font size is only slightly reduced but the is a lot of additional space for extra menus.

You can adjust the font and/or padding figures until you get the visual display you need.

[Author]

Posts