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
    Posts
  • #110208 Resolve

    Lilly

    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
    L

    The blog I need help with is lillymackuth.com
    #147035

    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!

    #147090

    Lilly

    Thanks, Kathryn, that helps!

    Much better now.

    Love

    L

    #147096

    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.