Navigation
Archive / Link in posts are cut off on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 14, 2016 at 6:41 pm #991641
    Amanda P
    Participant

    Hello,

    My client input a long link into their blog posts and now the long links are being cut off on mobile instead of wrapping around.

    I have not been able to fix it using CSS, but I’m sure I’m probably doing it wrong.

    Please see attached screen shot. This is particularly relevant to smaller screens like iPhones.

    Thank you!

    May 14, 2016 at 6:41 pm #991643
    Amanda P
    Participant
    This reply has been marked as private.
    May 15, 2016 at 1:03 am #991900
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .entry-content a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

    Hope this helps. Please let us know how it goes.

    May 15, 2016 at 2:20 am #991946
    Amanda P
    Participant

    Cool, it works! Thanks! Two thumbs up for support 🙂

    May 15, 2016 at 2:22 am #991948
    Rue Nel
    Moderator

    You’re welcome!
    Thanks for letting us know that it has worked for you.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-991641 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>