Safari keeps breaking up my text and putting it on a new line.

  • A_Vinning33

    (@a_vinning33)


    8 years, 5 months ago

    Hello everyone,
    I am new to website design and some help would go much appreciated. So I am using a theme called Tesseract, by Tyler Moore. However, when I view the page on Safari if the sentence is longer than the width of the paragraph, it hyphenates the word and puts it on a new line. For instance.

    Hello how are you do-
    ing. I am fantastic th-
    anks. got any plans f-
    or the weekend? No-
    pe, nothing.

    If anyone has any solutions to this problem, then that would be much appreciated. Again, it only occurs to my knowledge on Apples Safari engine.

    Thanks Again

    Ashley

Viewing 11 replies - 1 through 11 (of 11 total)
  • Christi Nickerson

    (@christini)

    8 years, 5 months ago

    Hi Ashley,

    Without a link to your site, it’s impossible to know what is causing that. With that being said, you can look for something like one of the following in your CSS:

    hyphens: manual;
    hyphens: auto;

    Note, those may be preceded by -webkit- if the issue is only occurring in Safari. Additionally, word-wrap or overflow-wrap may be in your CSS as well.

    A link to your site would make this easier to diagnose.

    Thanks!

    Thread Starter A_Vinning33

    (@a_vinning33)

    8 years, 5 months ago

    Hi Christi,

    Sorry about the reply delay, message went into my junk mail. But thanks for responding.
    The link to the website is http://www.warwickshireflightexperience.co.uk. I will have a look in my CSS, but thanks in advance.

    Ashley

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 5 months ago

    Is that a page that has the issue? If not, can you show us a page with the issue?

    Thread Starter A_Vinning33

    (@a_vinning33)

    8 years, 5 months ago

    Hi Andrew, The glitch seems to be apparent with every page on this website. Again it doesn’t appear in Chrome, only in Safari. Not to sure about Internet Explorer or Edge.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 5 months ago

    What version of safari?

    Thread Starter A_Vinning33

    (@a_vinning33)

    8 years, 5 months ago

    Latest Version, OS X El Capitan.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 5 months ago

    Does the issue persist on the theme’s demo?

    Thread Starter A_Vinning33

    (@a_vinning33)

    8 years, 5 months ago

    Yes it does. I have looked at a WordPress 2015 Theme live preview, and noticed that the words don’t hyphenate. So maybe it has something to do with the themes CSS.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 5 months ago

    Have you let your theme’s vendors know of this issue? They chose not to distribute their theme on WordPress.org, so it’s ultimately their call on supporting it.

    Thread Starter A_Vinning33

    (@a_vinning33)

    8 years, 5 months ago

    Yeh, that sounds like a good idea. But I was following a Youtube guide, on WordPress. And the themes creator was using safari. So I am very confused. But thanks for your input anyway.

    Thread Starter A_Vinning33

    (@a_vinning33)

    8 years, 5 months ago

    I found the fix for it. All you need to do is open up CSS editor and paste in this code

    p {
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    }

    All good stuff.

    Thanks everyone.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Safari keeps breaking up my text and putting it on a new line.’ is closed to new replies.