Joomla Templates Club 406,261 posts

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#961374

Hi Support,

Please assist as the menu text is not properly wrapped for JA Intranet menu. Please refer to attached image.

Thanks

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#961376

Hi , kindly post your working site URL here , so that i can Check it on your site.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#961378

@voonchung

You can provide your site’s URL here so we will have a look.

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#961379

http://atmy.fingerteeps.com/

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#961390

Hi
its due the menu item title is too long then space . Add below code in /css/custom.css file to put the word in second line so it will be shown .

.navbar-default-vertical .navbar-nav > li > a {
    white-space: inherit!important;
}

if there is no custom.css file , then create it .

Regards

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#961911

Please see attached.

After i tried your code, yes, it will go to 2nd line accordingly. However, in Mobile view, it is distorted.

Please advise.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#961925

Hi
kindly replace the older code with this code

@media (min-width:992px){ .navbar-default-vertical .navbar-nav > li > a{white-space:inherit!important}

this will solve the problem .

[Author]

Posts