Headings Get Cut Off on Mobile

  • Author
  • #119617

    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.

    Cryout Creations mastermind


    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 check the available documentation and search the forums before starting a topic.

    Zed, I am having the same issue of the headings getting cut off in mobile view. My logo also overlaps some of the heading text. I used the custom CSS that you suggested (above) to further shrink the titles but it did not work. I’m using the Mystic theme. Here’s a link to my site: http://www.lindawoods.org

    Also, If I purchase the plus version of the theme, will this take care of the problem? And does the 24 hour priority support (in the plus version) mean that you will answer questions within 24 hours? I would be happy to purchase the plus version if that is the case. Thank you!

    Website: www.lindawoods.org

Viewing 3 posts - 1 through 3 (of 3 total)

You need to log in to reply to this topic.