Homepage Cover Heading goes appears weird on mobile.

  • Unknown's avatar
    aruh01 · Member ·

    The SustainTheGreen heading on my homepage, when I preview in mobile appears fine, but when I actually open my site on a mobile the words go outside the cover.
    It only appears fine on the mobile if I put spaces between the words Sustain The Green, but I don’t want to do that. I don’t understand why won’t it adjust on the mobile like the other text just below it.

    WP.com: Yes
    Jetpack: No
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hello there,

    Happy to help you with this.

    It looks like the header block nested is set to 65px, which means it’ll be 65px regardless of the device it’s viewed on.

    Removing this integer will set the font size to be the default, responsive size.

    You may also wish to use the inbuilt sizing options as seen here:

    This will also ensure, responsive behaviour.

    I hope this helps.

  • The topic ‘Homepage Cover Heading goes appears weird on mobile.’ is closed to new replies.