Wrap Menu Item Name For Two Lines - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Wrap Menu Item Name For Two Lines

Karen Dunne

Karen Dunne

Helix Framework 5 months ago

Hello,

On this site: https://evidencebasedveterinaryacupuncture.com/ There are two longer than typical menu item names in the main menu that would be better if they could wrap to two lines, i.e. small animal curriculum and equine curriculum.

I tried to add <br /> to the title but that doesn't work. Is there another way?

Thanks,

Karen

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #191823

Hi Karen,

In fact, Joomla does not allow the use of <br> in menu items, never did.


  1. But you can use tricks from Helix documenation, and reduce space between items and font-size in smaller screen sizes. https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-reduce-space-between-menu-items

  1. And in button "View All Courses" - Keep only "All courses" - a few letters less, but make a big difference on 1280px , look

info_2811_2025.gif

About extra suggestion (1), example line

@media screen and (max-width: 1320px)  { 
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 16px;padding: 0 13px;}
}
0
Karen Dunne
Karen Dunne
Accepted Answer
5 months ago #191826

Thank you, Paul. Your comments also made me pay more attention to how it's displayed on tablets so I've added a media query on font size. My question was prompted by the potential for an additional menu item so I've been sorting through some possibilities. Thanks again for the tips and reference link.

Cheers,

Karen

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #191827

You're welcome.

About "your" domain name, ... nobody can remember that, really. Maybe onwer should consider shorter name, as alternative.

Hopefully, according to stats - traffic will be mostly from Smartphones, and 13" and more. So I would focus on that.

0
Karen Dunne
Karen Dunne
Accepted Answer
5 months ago #191828

Oh man, I know, the domain name is insane. But, no other alternatives were available. So, at least for now, that's what we're going with.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #191840

look down

0
Karen Dunne
Karen Dunne
Accepted Answer
5 months ago #191842

Thanks for noticing, Paul. Comments added.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #191861

Oh, OK. Thx

0