Joomla Templates Club 406,261 posts

[hearts Friend heartsJoin date: October 2007Posts: 32Downloads:0Uploads:0]

#124043

How do I change the width of the dropdown menu. It is going to two lines and would like one line.

Also, what is the difference in the Suckerfish Menu and Moo menu. I don’t see a difference when I change them.

http://hearts-at-home.net/index.php?option=com_frontpage&Itemid=1

[pibrew Friend pibrewJoin date: January 2006Posts: 39Downloads:0Uploads:9]

#233552

I was curious of the same thing. I have a site where I am using the suckerfish menu, but I need it to be about 5-8 more characters…any suggestions.

[pibrew Friend pibrewJoin date: January 2006Posts: 39Downloads:0Uploads:9]

#233554

can anyone help here?

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

#233568

Open ja_cssmenu/ja-sosdmenu.css, change width property for these style:


#ja-cssmenu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
width: 15.9em;
}

#ja-cssmenu li ul ul {
margin: -1.9em 0 0 15.5em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}

#ja-cssmenu ul a {
width: 14.8em;
width: 10.8em;
}


[hearts Friend heartsJoin date: October 2007Posts: 32Downloads:0Uploads:0]

#238277

<em>@Khanh Le 33082 wrote:</em><blockquote>Open ja_cssmenu/ja-sosdmenu.css, change width property for these style:


#ja-cssmenu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
width: 15.9em;
}

#ja-cssmenu li ul ul {
margin: -1.9em 0 0 15.5em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}

#ja-cssmenu ul a {
width: 14.8em;
width: 10.8em;
}

</blockquote>

Can someone explain in basic terms what each of these width numbers mean in the four groupings above. I have been changing numbers but not sure what I’m changing. You’re help would be greatly appreciated. Thanks.

http://www.hearts-at-home.net

[Author]

Posts