Headers: text cut off / partly invisible on smartphones

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

Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2014 at 6:34 pm #110208 Resolve

    Lilly
    Member

    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
    February 17, 2014 at 6:08 pm #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!

    February 18, 2014 at 11:30 am #147090

    Lilly
    Member

    Thanks, Kathryn, that helps!

    Much better now.

    Love

    L

    February 18, 2014 at 3:25 pm #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.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

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