How do I have my sub-menu text on all on one line vs. wrapped text. Screenshot below but I would like to have Chamomile Blossom (Pure Chamomile) on one line for example.
Because it’s a mega-menu, theme splits entire width into several columns (by default it is 4 on tablet and 6 on desktop) and puts each submenu into a separate column.
Does not matter if you have only one submenu.
You can, however, override it with some CSS.
I believe, in your case you should try this code in “Custom CSS” setting of the Header section:
[data-menu-list-id="MegaMenuList-2"],
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 2; /* default is 6 */
--menu-columns-tablet: 1; /* default is 4 */
}
Ideally, share a link to your store and preview password.
That worked. Thank you very much!
1 Like