Make dropdown menu items wrap text in Gantry 5

Share on facebook
Share on twitter
Share on linkedin
gantry-new.png

If you have dropdown items that have text hanging off the side like the image below:

gantry 5 menu problem

Add this code to /custom/scss/custom.scss

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {whitespace:normal;}

About YellowWebMonkey

YellowWebMonkey Web design offers reliable website design, SEO and digital marketing services for Joomla, WordPress and Shopify sites. We strive to be a one-stop shop for all your web needs.

Recent Posts

Follow Us