Joomla Templates Club 406,261 posts

[AlejandroDiaz Friend AlejandroDiazJoin date: December 2005Posts: 8Downloads:0Uploads:0 Thanks: 2]

#117975

Hi
Can any1 tell me how to change the menuitem’s width ?
I’m using ja_polaris and I’m using the ja_cssmenu.

I tried editing this css class

#ja-cssmenu li { /* all list items */
margin: 0;
padding: 0;
background: none;
display: block;
float: left;
height: 25px;
line-height: 25px;
/* I added following line */
width: 60px;
}


but that didn’t work, see how it looks in Firefox. :((

However, this change didn’t affect IE, so well, I’m looking a way to make the items shorter in all browsers. Thanks 🙂

[AlejandroDiaz Friend AlejandroDiazJoin date: December 2005Posts: 8Downloads:0Uploads:0 Thanks: 2]

#212647

Please
can any1 help me with this ? I just cannot make it work :((

I cannot make items shorter :-[

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#212655

I think this post could help you.

http://www.joomlart.com/forums/showpost.php?p=3812&postcount=9

However, this is a multi-level menu, you could re-orgnize your menu to have less top items.

[AlejandroDiaz Friend AlejandroDiazJoin date: December 2005Posts: 8Downloads:0Uploads:0 Thanks: 2]

#212748

khanh
The problem is that I’m using the ja_cssmenu not the ja_transmenu …

Edit: found a way

open ja-sosdmenu.css in the ja_cssmenu folder
Then search for this

#ja-cssmenu li a {
padding: 0 10px;

[Author]

Posts