Upfront display issues on iPhone 6s

When viewing a page of my site that has a large title on iPhone 6s it shows an empty column on the right side (it doesn’t fit the screen). I am using a custom theme built up from the Luke and Sara theme.

  • Predrag Dubajic

    Hey Jacquie Albrecht,

    Hope all is well :slight_smile:

    Looks like you have some words in your headings that are too large for the font of 50 pixels and that causes the word to be bigger than screen width and then it shows empty space on the side.

    You should go to responsive mode in Upfront Editor and in there reduce the size of H1 heading font, changing from 50 to 40 pixels should do the trick.

    When you enter the responsive mode switch to Phone breakpoint and in then access the settings for your content.
    In there you should create new preset and copy all the styling from default template and set the smaller font size for H1.

    Let us know how it looks after that.

    Best regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.