Support » Fixing WordPress » Text in some posts are cutting off from right in mobile / android phone

  • Resolved hax4us

    (@hax4us)


    I m facing a problem of text cutting off from right in some posts in phone or android devices and the theme name is ribbon lite plz help

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

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

    (@woptimize)

    It happens because you have some long URLs and you need to “break” them with CSS.

    First add this to your CSS (if you don’t know how to do it manually, use a plugin like Simple CSS)

    .hyphenate {
      /* Careful, this breaks the word wherever it is without a hyphen */
      overflow-wrap: break-word;
      word-wrap: break-word;
      /* Adds a hyphen where the word breaks */
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
    }

    Then you need to add class=”hyphenate” to a wrapping element of your URL. When editing the post, display it in “text mode” and when you have a long URL enter it like this:

    <span class="hyphenate">http://you-long-url.com/here<span>

    • This reply was modified 1 year, 9 months ago by w.
    • This reply was modified 1 year, 9 months ago by w.

    Please ask for theme related support on the theme developer’s home page-

    WOptimize.io thnx man solved now

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Text in some posts are cutting off from right in mobile / android phone’ is closed to new replies.