How to Prevent Mega Menu Titles from being Truncated?

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

How to Prevent Mega Menu Titles from being Truncated

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 August 25, 2020

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.