Joomla Templates Club 406,261 posts

[hanifahmed Friend hanifahmedJoin date: August 2008Posts: 576Downloads:0Uploads:5 Thanks: 67 Thanked: 141 times in 110 posts]

#141014

Hi guys,

Ok, so I have problem with my menu.

If the name of the link on the menu spills over to two lines or more, my menu can’t wrap it properly – it looks really bad.

Also, there are general inconsistencies with the menu as well (especially at the bottom which you can see if you pay attention).

Here’s the link: http://www.lifeskillsdevelopment.org

If you would like to make additional comments about the site, please do so!

Many thanks for your help.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#304096

open ja.moomenu.css (line 60)

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

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

1 user says Thank You to nguyenhuu quang for this useful post

1. hanifahmed

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#304097

ja.moomenu.css (line 54)

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

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

1 user says Thank You to nguyenhuu quang for this useful post

1. hanifahmed

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#304098

open ja.moomenu.css (line 41)

#ja-cssmenu li ul {
height:auto;
left:-999em;
position:absolute;
width:15.9em;
z-index:99;
}
replace

#ja-cssmenu li ul {
height:auto;
left:-999em;
position:absolute;
width:19.9em;
z-index:99;
}

Because Your Menu Name Too LONG

1 user says Thank You to nguyenhuu quang for this useful post

1. hanifahmed

[hanifahmed Friend hanifahmedJoin date: August 2008Posts: 576Downloads:0Uploads:5 Thanks: 67 Thanked: 141 times in 110 posts]

#304136

Hi mate thanks for that, the menu is now wider – but the text still wraps and dosn’t extend all the way – so I’m getting the same problem on some of the menus!

Thanks

[hanifahmed Friend hanifahmedJoin date: August 2008Posts: 576Downloads:0Uploads:5 Thanks: 67 Thanked: 141 times in 110 posts]

#304145

Yup, got it


#ja-cssmenu ul a {
width: 17.8em;
width: 17.8em;


Changed it to 17.8 instead of 10.8 and the text became wider to fill up the menu.

Many thanks for your help mate!

[Author]

Posts