How can I have to do to put the menu titles in 2 rows for long titles?
Staff replied
Helix Framework
menu in helix in two rows
Asked by hughes
8 months ago
Last activity 8 months ago
3 replies
Paul Frankowski Senior Staff
8 months ago
· edited
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.
hughes Asked this
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;}
Paul Frankowski Senior Staff
Ok, great.
Please mark topic as solved.
Log in to reply.