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 November 19, 2019

Was this article helpful?