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 trun­cat­ed to two lines of text. How­ev­er, if you don’t like this com­pro­mise, here are a few alter­na­tives that you may try in order to find what fits best for you.

Each solu­tion is CSS based, so you need to add the snip­pet to Appear­ance → Cus­tomize → Addi­tion­al CSS:

1. Dis­play The Whole Titles

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

2. Make Titles Font Small­er

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

3. Hide the Con­tent Excerpt

.article--billboard-small .article__description { display: none; }

This article applies to Bucket, as they share the same underlying structure.

Updated on April 21, 2017

Was this article helpful?