Long links won’t break, creating a horizontal scroll on mobile
-
Hello, I’m having a problem with long links on mobile.
They won’t make line breaks but exceed the layout boundaries, making a horizontal scroll appear towards the right as shown in this screenshot.
Screenshot 1 – Horizontal scrollHow can I make long links adapt to the layout? I’ve already tried adding this css
word-break: break-alland it solves the problem but creates a bigger one since it makes the text unreadable.Thanks in advance for your responses ??
The page I need help with: [log in to see the link]
Viewing 1 replies (of 1 total)
-
Use of the
text-overflowproperty is probably your best bet. Be careful though: if you’ve a link with a lot of words, they’ll be chopped too.See this example: https://codepen.io/crstauf/pen/abOrLNm
Viewing 1 replies (of 1 total)
- The topic ‘Long links won’t break, creating a horizontal scroll on mobile’ is closed to new replies.