Naked links in content area not responsive on mobile thus causing overflowing
-
Naked links(listing, for example, letsgo.com) in the content area are not responsive on mobile thus causing overflowing. If it is a long URL listed it will do that. Here are images
overflow:
Adding .wp-site-blocks {overflow-x:hidden} will stop the overflow but the link will be cut off. So this is a responsive issue.
Any help will be appreciated.
-
Thank you for opening a separate thread for this new question @mannyo!
I have been able to replicate what you described and I can confirm this is a bug. Long strings of text should be broken into a new line, not allowed to overflow.
I have reported the issue here https://core.trac.wordpress.org/ticket/56341
As a temporary workaround, you can add the following CSS code:
.wp-site-blocks * { word-break: break-all; }In the example you shared, the code above should truncate your text into multiple lines to avoid overflowing, like this:
Please let me know if that works!
I’m glad to hear you found a CSS that works for you @mannyo! I am going to mark this thread as “resolved” for now.
- The topic ‘Naked links in content area not responsive on mobile thus causing overflowing’ is closed to new replies.
