Home>Support>Words not breaking onto new lines on different screen sizes

Words not breaking onto new lines on different screen sizes

By Rhys, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi there,
I just noticed on different screen sizes, instead of new words being placed on a new line for my headline widget the word breaks halfway (resulting in broken words appearing)
See screenshot here
https://drive.google.com/file/d/0B_DXS_LoaMcbZHF1eGJ2M1FkYW8/view?usp=sharing
Is this an issue with the CSS or is there some code I an use to fix this, ideally as the screen responds to different browser sizes (or mobile) I would like words to be put on a new line rather than broken if that makes sense.
Thanks

URL: http://www.peoplepotential.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi Rhys

    Very sorry about that. This is a small bug in the current version. We’ve fixed it already in our development version. We’ll be releasing the fix shortly.

  2. 8 years, 10 months ago Rhys

    Thanks for letting me know Greg. I look forward to the next version with the fix.

    Keep up the good work! :)

  3. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Rhys

    If you’d like to hotfix, please, try the following at Appearance > Custom CSS”

    /* Widgets Bundle Hotfix: Remove after next update */
    
    .so-widget-sow-headline h1,
    .so-widget-sow-headline h3 {
    	word-break: normal;
    }
    

    Apologies for the hassle.

  4. 8 years, 10 months ago Rhys

    No worries, I appreciate the hotfix.

    Just to let you know I tried adding this to the site and the problem still persists. But its not urgent and I’mm happy to wait for the next release.

    Thanks

  5. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Sorry about that. Try instead:

    /* Widgets Bundle Hotfix: Remove after next update */
    
    .so-widget-sow-headline h1,
    .so-widget-sow-headline h3 {
    	word-break: normal !important;
    }
    
  6. 8 years, 10 months ago Rhys

    Awesome, that works. Thanks!

  7. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that did the trick.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More