Joomla Templates Club 406,261 posts

[missyw Friend missywJoin date: May 2008Posts: 171Downloads:0Uploads:19 Thanks: 98 Thanked: 2 times in 1 posts]

#131408

Hello. I am using the drop down menu in my JA Iolite template, which looks very nice if you only have a few menu items in the drop down list. I need to shorten the height of each menu tab in the drop down list, so that I can include a long list of menu items in one of the drop down menus. Can someone tell me is there a parameter I can change, to change the height in the drop-down list area?

I have looked in the css files, but I cannot work out what needs to be changed. I hope someone can help me please.

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#262645

Hello missyw,
You can decrease the height of each menu item in dropdown list by decrease the padding top and bottom in each of them.
Please open the file called ja.moomenu.css in folder templates/ja_iolite/ja_menus/ja_moomenu
and at line 130th, change the padding that I marked red to any lower you like. (I’ve change it to 3px and it looks fine)
<blockquote>#ja-cssmenu li ul a {
background:transparent none repeat scroll 0 0 !important;
border-right:medium none;
color:#AAAAAA !important;
height:auto;
line-height:normal;
margin:0;
padding:7px 10px;
}</blockquote>

2 users say Thank You to kashxo for this useful post

1. missyw
2. Jason McDaniel

[missyw Friend missywJoin date: May 2008Posts: 171Downloads:0Uploads:19 Thanks: 98 Thanked: 2 times in 1 posts]

#263001

Works perfectly, thank you so much for your help. 😀

[Author]

Posts