Headers: text cut off / partly invisible on smartphones

Home Forums Automattic Forefront Headers: text cut off / partly invisible on smartphones

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #110208 Resolve


    Hi everyone,

    I love the responsive features in Forefront, but somehow, my headers just don’t look right on smartphones: the titles are cut off or partly invisible, as if there’s too much text per image. Is there?

    Thanks for your help!

    With love from Germany

    The blog I need help with is lillymackuth.com

    Kathryn P.
    Happiness Engineer

    Hi Lilly, I had a look and the biggest difference I see between your site and the Forefront demo that could be affecting the responsive header display is the fact that your header graphics are much shorter than the ones in the demo.

    For example, this file is only 565px high:

    …while the one on the demo site is 899px high.

    Could you try please using a header image that is taller – as close to 899px as possible – and see if that does the trick? It doesn’t need to be as wide as the one you’re using, it only needs to be 1230px wide to fit the space.

    Let me know how it goes. Thanks!



    Thanks, Kathryn, that helps!

    Much better now.




    Kathryn P.
    Happiness Engineer

    Wonderful, I’m glad that looks better!

    I’ll mark this thread as resolved and close it, but feel free to start a new one if you need help with anything else.

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

The topic ‘Headers: text cut off / partly invisible on smartphones’ is closed to new replies.