Headings Get Cut Off on Mobile

  • Author
    Posts
  • #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.

    #120240
    Zed
    Cryout Creations mastermind

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

    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

    #138688
    Zed
    Cryout Creations mastermind

    Hi Linda,

    I’m only seeing a specific screen size range on which the caption overflows the screen. Try applying the following CSS and check if that improves things:

    body .lp-staticslider img {
      min-height: 540px;
    }

    Yes, our priority support service includes timely responses. The support provided in the forum, while I try my best to keep periodic, does sometimes happen to lag behind.


    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.
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Headings Get Cut Off on Mobile’ is closed to new replies.