Dawn Theme Mega Menu Text Wrapping

DenHineCITS
Shopify Partner
16 0 10

Hi all, could anybody help me with this text wrapping issue. I'd like the mega menu headings (dawn theme 12.0) to stay on one line (if the screen size allows)?

screencapture-childrensfootball-collections-childrens-football-gift-sets-2024-03-20-13_16_31.png

DenHineCITS_0-1710933280256.png

 

Replies 2 (2)

JasmeetVT14313
Shopify Partner
88 18 23

Hello @DenHineCITS 
Please add the below piece of code to the end of "component-mega-menu.css"

 

#MegaMenu-Content-4 .mega-menu__list {
    grid-template-columns: repeat(5,minmax(0,1fr));
}

 

 NOTE: this is a custom fix for the 4th mega-menu in the list which is "Football Gifts" in your case. 

Please hit Like and mark it as solution if this helps you.

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
DenHineCITS
Shopify Partner
16 0 10

Thanks so much for your help JasmeetVT14313. Yes, that works for the gifts menu. Could you just explain how this code works so I can apply it when needed to any menu?