Safari word wrap issue

HTML & CSS
1

on this site when you view it in Safari, the word “Consultation” in the right sidebar form gets broken up. attached is a screenshot.

i’ve added the following CSS which i had hoped would correct it, but it has not:


-moz-hyphens: none !important;
word-wrap: normal !important;

any idea what i’m missing? please advise. thanks in advance.

2

It’s caused by this (style.css 611):

/* Sidebar */
.widget-area .widget {
	[COLOR="#FF0000"]-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;[/COLOR]
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}

Seems not all browsers understand that yet, but those that do are giving the result you don’t want, so remove the code.

3

Might this be a place for SHY?

4

i think that worked. thanks!