Joomla Templates Club 406,261 posts

[kywolf Friend kywolfJoin date: April 2008Posts: 14Downloads:0Uploads:5 Thanks: 3]

#127796

I am trying to make the top menu smaller than 32px. What steps need to be involved to accomplish this?

I can work part of the way through it but can never find all the formatting options. Your help is greatly appreciated.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#246451

Have you tried working with the relative css files?

If so, which ones have you modified and what have been the results?

1 user says Thank You to TomC for this useful post

1. kywolf

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#246453

Hi kywolf !
What menu type do you use on your site ?
for edit height of top menu . You can do following 2 steps :
Step 1 :
– open template.css file in templates/ja_edenite/css folder. find code section :


#ja-mainnav {
background:#2C79B3 url(../images/grad2.gif) repeat-x scroll center top;
height:32px;
}


change height property of above code.

Step 2 :
open css file for menu( example : if you use split menu -> open ja.splitmenu.css file in templates/ja_edenite/ja_menus/ja_splitmenu folder) :
find code have format type same :


#[menuname] a {
........
line-height:32px;
}


change line-height property.

good luck !

1 user says Thank You to Sherlock for this useful post

1. kywolf

[kywolf Friend kywolfJoin date: April 2008Posts: 14Downloads:0Uploads:5 Thanks: 3]

#246483

Thanks to both of you who replied. I didn’t edit ALL of the necessary CSS files. Once I edited the other files suggested, the menu changed it’s size.

Thank you for the great quick solution!!! Very appreciated.

[Author]

Posts