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.

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 April 21, 2017

Was this article helpful?