How to change appearance of mobile view

  • Resolved portugueseninja

    (@portugueseninja)


    6 years, 3 months ago

    My site looks fine on a desktop/laptop but on the phone view the text looks weird and I can’t figure out how to fix it. The h4 header is wrapping in the middle of words, and the justified text in places is taking up too much space I think.

    Can anyone advise how I can:

    – stop the section header from doing that
    – left align the text in mobile view instead of it being fully justified
    – make it so the text doesn’t awkwardly wrap around the image like that. The image can just be at the top of the text, that would be fine.

    Here’s a link to two screenshots of how it looks on the phone:

    View post on imgur.com

Viewing 1 replies (of 1 total)

  • Hi @portugueseninja,

    It looks like you were able to get this resolved by setting the h4 to display: inline-block;. That would be the best option in your scenario since the image and the text together cause the container to become too narrow for the text to go anywhere else. The other option would be to shrink the text size down on mobile devices, which wouldn’t be best.

    Evan

Viewing 1 replies (of 1 total)
  • The topic ‘How to change appearance of mobile view’ is closed to new replies.