Menu In Helix In Two Rows - Question | JoomShaper

Menu In Helix In Two Rows

hughes

hughes

Helix Framework 22 hours ago

How can I have to do to put the menu titles in 2 rows for long titles?

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 20 hours ago #216324

Ciao.

By default you cannot, I have seen Menu module that allowed to have that, but using extra Menu - too complicated, and it was paid extension.


From what I also used in the past was using max-width value for menu item class

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { }

this is easy.

You can also using extra class name for menu item to use bigger or smaller max-width value. Of couse line-height must be also controlled.


By now, I don't have other ideas. Maybe find website that use that effect and check how they did it.

0
hughes
hughes
Accepted Answer
20 hours ago #216325

hiPaul this works (from AI): .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {   white-space: normal !important; / Permette il ritorno a capo /   line-height: 1.2 !important;   / Riduce lo spazio tra le due righe /   max-width: 120px;             / Regola questa larghezza in base alle tue esigenze /   display: inline-block;   vertical-align: middle;}

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 19 hours ago #216327

Ok, great.

Please mark topic as solved.

0