Joomla Templates Club 406,261 posts

[raffetali Friend raffetaliJoin date: September 2007Posts: 48Downloads:0Uploads:8 Thanks: 12]

#164065

Hello,
I need your help please. I’m using JA Nickel template.

I have a long dropdown menu text in the horizontal mainmenu that extends the max fixed width.

Actually, I don’t want to change the width, I only want to have the text wrapped to a next line.

Can you please tell me how to do that?

Please check the attachment image.

Thanks for your help

Best Regards
Raffet Ali

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#391577

Hi,
Could you give me a link to your website?

[raffetali Friend raffetaliJoin date: September 2007Posts: 48Downloads:0Uploads:8 Thanks: 12]

#391585

Hello,
I’m sorry, there is no online link yet, it’s all on my localhost machine.

Best Regards
Raffet Ali

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#391921

Hi rafftali,

You open the file of templates/ja_nickel/ja_menus/ja_cssmenu/ja.cssmenu.css Look for this

#ja-cssmenu li ul a {
background: none repeat scroll 0 0 transparent !important;
border-right: medium none;
color: #CCCCCC !important;
font-size: 92%;
font-weight: normal;
margin: 0;
padding: 5px 10px;
text-transform: none;
white-space: nowrap;
}

here you remove white-space: nowrap; to this

#ja-cssmenu li ul a {
background: none repeat scroll 0 0 transparent !important;
border-right: medium none;
color: #CCCCCC !important;
font-size: 92%;
font-weight: normal;
margin: 0;
padding: 5px 10px;
text-transform: none;

}

1 user says Thank You to Sherlock for this useful post

1. khoand

[raffetali Friend raffetaliJoin date: September 2007Posts: 48Downloads:0Uploads:8 Thanks: 12]

#391945

Any idea please…

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#391997

And you put word-wrap:break-word; into #ja-cssmenu li ul a like this

#ja-cssmenu li ul a {
background: none repeat scroll 0 0 transparent !important;
border-right: medium none;
color: #CCCCCC !important;
font-size: 92%;
font-weight: normal;
margin: 0;
padding: 5px 10px;
text-transform: none;
word-wrap:break-word;
}


1 user says Thank You to khoand for this useful post

1. raffetali

[raffetali Friend raffetaliJoin date: September 2007Posts: 48Downloads:0Uploads:8 Thanks: 12]

#392002

Hello,

Perfect, it worked fine….
Thanks a lot

Best regards
Raffet Ali

[Author]

Posts