Public Forums 71,145 posts

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#132847

Is there any way to have ‘line breaks’ in menu items/titles listed in the ‘main menu’.

To explain, I’d like to achieve the effect in the attached photoshop mock-up image (JA Mageia), where the menu item ‘Qualification & Entitlement’ has been split across two lines. By default the text is displayed all in one line, as the menu expands to fit, which would make the menu item extremely wide, and forces the whole main menu onto 2 lines.
Am I able to insert <br/> tags into the <li> elements or something similar.

Any help would be much appreciated.

---

Attachments:

1. 

[airgead Friend airgeadJoin date: September 2010Posts: 16Downloads:26Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#433345

I love the T3 framework and use it a lot, so thank you for a great template structure.

I also need to know how to do this. My client has far too many items in his top menu, but won’t consent to moving some. My only alternative is to break them over two lines, ie “Quality Management” becomes “Quality <br /> Management”. Can someone shed some light on how to do this?

Any help will be gratefully received.

Christina Martin

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#433348

<em>@dozza 77120 wrote:</em><blockquote>Is there any way to have ‘line breaks’ in menu items/titles listed in the ‘main menu’.

To explain, I’d like to achieve the effect in the attached photoshop mock-up image (JA Mageia), where the menu item ‘Qualification & Entitlement’ has been split across two lines. By default the text is displayed all in one line, as the menu expands to fit, which would make the menu item extremely wide, and forces the whole main menu onto 2 lines.
Am I able to insert <br/> tags into the <li> elements or something similar.

Any help would be much appreciated.</blockquote>

Please update me with your site URL so i can take look.

Thank you

[airgead Friend airgeadJoin date: September 2010Posts: 16Downloads:26Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#433663

Someone posted a reply that said I could, but with no further detail as to how. It doesn’t appear here, but the link brought me here, so I’m guessing it has been removed for some reason.

If anyone can take a look at the development site where I’m currently trying to make changes, the address is http://www.airgeadstudio.net/development/ora_innovations

Thank you.

Christina Martin

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#433774

If you set the width of each <li> item to a fixed width using the css, the menu title should wrap itself, as long as the height of the menu item is allowed to expand (i.e. it doesn’t have a fixed height).

If you want to force a particular word to a second line, then yes, you can use <br /> to force the line break and put it in the title field of the edit menu item screen.

Example:
For my client site at http://www.leaseextension-freeholdpurchase.co.uk/ which uses JA Mageia, one of the top menu items is “Right To Manage”. Because ‘To’ is a short word it sits on the first line OK and the last wraps to the second line.

If, however, I wanted the word ‘To’ to start the second line, I would insert <br /> in the title like this:

and this would result in it displaying like this:

Hope that helps

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#433782

Hi
Have you tried with MegaMenu and Subline ( Description ) ?
Thank you

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#434015

<em>@jooservices 294605 wrote:</em><blockquote>Hi
Have you tried with MegaMenu and Subline ( Description ) ?
Thank you</blockquote>

These are not available with JA-Mageia – I’ve sorted it since I originally posted this. aired wanted to know how – so I’ve explained it.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#434072

Hi
Ya in some template , the concept of it have no subline . But as far i know MegaMenu already have that . Just need update a bit w/ CSS.

Thank you

[airgead Friend airgeadJoin date: September 2010Posts: 16Downloads:26Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#438036

<em>@dozza 294596 wrote:</em><blockquote>If you set the width of each <li> item to a fixed width using the css, the menu title should wrap itself, as long as the height of the menu item is allowed to expand (i.e. it doesn’t have a fixed height).

If you want to force a particular word to a second line, then yes, you can use <br /> to force the line break and put it in the title field of the edit menu item screen.</blockquote>
Thank you for this; I had to do it by setting the width of the <li>. Unfortunately using <br /> didn’t work; as soon as I saved the menu item, the code was stripped out. It’s a pity, because that would have been by far the most simple soution.

<em>@jooservices 294605 wrote:</em><blockquote>Hi
Have you tried with MegaMenu and Subline ( Description ) ?
Thank you</blockquote>
Unfortunately this isn’t suitable for the site at this time, but thank you for pointing it out, as I know it will be helpful in the future.

Many thanks to both of you.

Christina Martin

[jfernandess Friend jfernandessJoin date: February 2012Posts: 3Downloads:0Uploads:0 Thanks: 2]

#438665

<em>@jooservices 294605 wrote:</em><blockquote>Hi
Have you tried with MegaMenu and Subline ( Description ) ?
Thank you</blockquote>

Hello I have tried;but still unable to solve the issue, looking for more assistant

Thanks,

[Author]

Posts