Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#193269

How does one change the width of the menu items so that menu titles stay on one line and don’t become two lines as with some of my menu items at http://www.millionaireasia-indonesia.com ?

Many Thanks,

Jim

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#516588

Within file path –> /templates/ja_orisite/css/template.css
at line 1488, you will see the following:


span.menu-title {
max-width: 71px;
}

Modify the “max-width” property to a higher value, for example:


span.menu-title {
max-width: 150px;
}

Hope That Helps

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#516591

Thanks Tom that worked a treat.

Jim

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#516592

Glad to be of assistance . . . All the best with your continuing site development.

🙂

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#543530

Hi Tom,

What would be the line to change the width for the sum menus? On a new site http://www.indonesianmaltwhiskysociety.com in the find a whisky menu I seem to have titles coming on two lines.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#543686

Try This . . . .

Within file path –> /templates/ja_orisite/themes/blue/css/menu/mega.css
at line 44, modify as follows:


.ja-megamenu ul.level1 li.mega a.mega span.menu-title {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
white-space: nowrap;
}

Better ??

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#543722

Thanks Tom, a great solution as always.

Jim

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#543832

Happy, as always, to be of assistance. 🙂

[Author]

Posts