Streaming live at 10am (PST)

Help: Link text is overflowing on mobile


#1

I'm having an issue where the purple/underlined link text on my Privacy Policy page is overflowing off the right side of the screen in mobile view. I'm wondering if there is some way to have the link text only display within its text block.

Thanks!


Here is my public share link: https://preview.webflow.com/preview/black-ghost-audio?preview=14ab8d0989186fd4d6480cf01c768207
(how to access public share link)


#3

Hey @Charles_Hoffman,

Are you using the rich text block? Also, please share your read-only link https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link

Best,
Naweed


#4

https://preview.webflow.com/preview/black-ghost-audio?preview=14ab8d0989186fd4d6480cf01c768207


#5

Hi @Charles_Hoffman, I believe the issue is with these really long links used on the page that have no breaking spaces.

A couple of solutions:

First solution, Give phrases in your text a text span link and then link the phrase and show that link inline to your text.

Like this (link inline to text)

not like this: Visit Microsoft here: http://microsoft.com

Second solution: paste a little custom code which will wrap those long links or text lines:

   <style>
    a {
      word-break: break-all;
    }
    <style>

Put the above code in the head of the site, save changes and republish.

I hope this helps!


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.