[mhsafe]

The headings on some of the pages of my Esotera site are not shrinking on mobile, and instead they wrap onto the next line. An example is on http://www.mhsafe.org/discrimination – what can I do so this text shrinks and the words don’t get split onto multiple lines? Thank you for any help.

[Zed]

Hi,

The titles resize relative to the general font size and according to its own options. With some configuration combinations and especially with longer titles, this may not be enough.

Try using the following custom CSS to further shrink the titles:

@media (max-width: 800px) {
    .single .entry-title, .singular-title {
        font-size: 4.3vw;
    }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please read the available documentation and search the forums before posting.

[Author]

Posts