Public Forums 71,145 posts

[thewitt Friend thewittJoin date: October 2008Posts: 3Downloads:0Uploads:0]

#134367

What’s the magic needed to change the height of the top menu?

I’m using Joomla 1.5.7 and the JA_Purity template that ships with it.

I’ve been mucking around with the ja_sosdmenu.css file and I can’t seem to get the menu to shrink form the original at all.

What am I missing?

Thanks,

-t

[nhiepanhvn Friend nhiepanhvnJoin date: October 2008Posts: 10Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#275978

In order to change the height of the navmenu, you open the the Ja-sosdmenu.css and find down to “Styling the menu”. Change the value of padding property in #ja-mainnav ul.menu li a (Example: To have a shorten height, let’s set: padding: 6px 20px; )

Success to you !!

[thewitt Friend thewittJoin date: October 2008Posts: 3Downloads:0Uploads:0]

#276027

<em>@nhiepanhvn 86725 wrote:</em><blockquote>In order to change the height of the navmenu, you open the the Ja-sosdmenu.css and find down to “Styling the menu”. Change the value of padding property in #ja-mainnav ul.menu li a (Example: To have a shorten height, let’s set: padding: 6px 20px; )

Success to you !!</blockquote>

Thank you.

Interestingly enough, that change does absolutely nothing to change the display of my top menu items.

I had already changed that item thinking it made perfect sense and nothing.

Then I thought it might have been the Display: Block element adding a newline before and after each menu element, and changed that to inline – nothing.

I’ve made absurd changes to this style sheet element with no impact on the top menu display.

I just installed the Firefox developer plug in and that identified the CSS element that impacts the display style as on line 18:

[PHP]#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 10px 20px;
}[/PHP]

and sure enough when I changed the line-height to 10px it cut the menu in half – exactly what I was trying to do.

I’m not sure what other elements are impacted, but this was interesting to find.

-t

[Author]

Posts