Joomla Templates Club 406,261 posts

[thanhlp Friend thanhlpJoin date: October 2008Posts: 18Downloads:0Uploads:1 Thanks: 5 Thanked: 2 times in 1 posts]

#135961

Hi all,

I hope some body could help me. I have problem with sub menu, the text seams not try to fill up the space in one row. So how can I make it become one row or how can I increase the width of submenu?

Please see the attachment, the text should go as the arrow pointed, there is still lot of space, right?

Thanks

---

Attachments:

1. 

[gregzike Friend gregzikeJoin date: December 2008Posts: 6Downloads:0Uploads:2]

#282305

Anyone? I need this too. The submenu is forcing two lines of text and it could be changed to fit one line.

[gregzike Friend gregzikeJoin date: December 2008Posts: 6Downloads:0Uploads:2]

#282822

Help! Anyone have an answer to this?

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

#282943

Can you give us your live URL, any screenshot or more details of the problem will be helpful

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

#282951

Hi,

you can read here : http://www.joomlart.com/forums/topic/moo-menu-line-adjustment/

1 user says Thank You to Sherlock for this useful post

1. thanhlp

[gregzike Friend gregzikeJoin date: December 2008Posts: 6Downloads:0Uploads:2]

#283036

I am using CSS menu. It is the same issue as thanhlp is having but CSS menu.

menu1.jpg is normal and correct. In menu2.jpg you will see once the first item is clicked, it becomes BOLD and the submenu forces the second word to the next line even though there is plenty of room on line one for it. There is no reason that second word needs to go down a line.

How do I keep everything on the same line without losing the bold and without shortening the menu entry?

---

Attachments:

1. 
2. 

[gregzike Friend gregzikeJoin date: December 2008Posts: 6Downloads:0Uploads:2]

#283174

I figured it out.

in ja.cssmenu.css…

Change this…

#ja-cssmenu ul a {

width: 14.8em;

width: 10.8em;

to this…

#ja-cssmenu ul a {

width: 14.8em;

width: 14.8em;

[thanhlp Friend thanhlpJoin date: October 2008Posts: 18Downloads:0Uploads:1 Thanks: 5 Thanked: 2 times in 1 posts]

#300562

In my case, I have to change also

#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: 19.9em; /* origin value is 15.9 */
}

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

#ja-cssmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 18.9em; /* origin value is 14.9 */
}

#ja-cssmenu ul a {
width: 18.8em; /* origin value is 14.8 */
width: 18.8em; /* origin value is 10.8 */
}

one thing for the thin and blue line, one thing for the blue box…

[Author]

Posts