Text overflows main container on mobile

  • Resolved chloeponee

    (@chloeponee)


    1 year, 1 month ago

    Hi,

    I’m having issues on this particular web page where the text overflows the main body of the page on mobile, and I’m unable to fix it with CSS.

    Any help would be appreciated.
    Cheers 🙂

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator threadi

    (@threadi)

    1 year, 1 month ago

    I don’t see what you mean? The page looks fine on my mobile device. Do you mean a specific page? And which browser are you using?

    Luis Peel

    (@canpalte)

    1 year, 1 month ago

    Hi there, it looks like the long URL in your content is causing the layout to break on mobile. To fix this, simply add the following CSS to your stylesheet:

    CSS

    @media only screen and (max-width: 600px) {
    p {
    overflow-wrap: anywhere;
    }
    }

    Thread Starter chloeponee

    (@chloeponee)

    1 year, 1 month ago

    That worked, thank you 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Text overflows main container on mobile’ is closed to new replies.