Hi Guys,
I thought I’d fixed this problem a while ago when I added the following to my style sheet:
/******************Stupid hyphenation was fixed by making the following changes:*********************/
#primary, #secondary, .widget-area .widget {
-ms-word-break: break-all;
/* Be VERY careful with this, breaks normal words wh_erever */
word-break: break-all;
/* Non standard for webkit */
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
word-wrap: normal;
}
I notice I’m getting clunky hyphenation happening again when using the bootstrap .lead class at: http://temp.osborneparkautorepairs.com.au/ despite applying the above properties to .lead in my ‘downstream’ stylesheet. This happens in all viewport sizes.
Any ideas how to fix this?
Any help appreciated.