How to Prevent Mega Menu Titles from being Truncated?

Because the Mega Menu has a fixed height, the titles from post cards are truncated to two lines of text by default. However, if you don’t like this compromise, here are a few alternatives that you may try to find what fits best for you.

Each solution is CSS based, so you need to add the snippet to Appearance → Customize → Additional CSS:

1. Display The Whole Titles

.article--billboard-small__title { height: auto !important; }

2. Make Titles Font Smaller

.article--billboard-small__title .hN { font-size: 16px !important; }

3. Hide the Content Excerpt

.article--billboard-small .article__description { display: none; }
Updated on July 7, 2021

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.