Word wrapping issues on mobile

  • Resolved annasellshouses

    (@annasellshouses)


    5 years ago

    I’m having issues with text being displayed in an odd way on smaller mobile devices – on certain lines words are being split up across two lines and hyphenated which just doesn’t look good. It doesn’t happen on every line, but it is happening on paragraph, list, media and header blocks at least. It happens on both pages and posts.

    Could the theme owner please look into this? I don’t really want to be adjusting the code myself as this seems like something that any user of the theme will be suffering with, but I will if I absolutely have to! I have screenshots of the issue occurring.

    Issue seen on iPhone SE and iPad mini in both portrait and landscape modes. Issue not seen on desktop Microsoft Edge or Firefox.

    Many thanks,
    Anna

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Anthony Hortin

    (@ahortin)

    Hi Anna,

    I’ll have a look at the theme and see if hyphenation can be improved. In the meantime, go into the Appearance > Customize menu option. This will take you to the WordPress Customizer. Once in the Customizer, click on the Additional CSS panel and copy/paste in the following styles and click Publish. This should turn off hyphenation completely for you.

    
.site-content article {
   -webkit-hyphens: none;
   hyphens: none;
}

    Here’s a screenshot: https://share.getcloudapp.com/BluBYZNB

    Thread Starter annasellshouses

    (@annasellshouses)

    Hi Anthony, thanks for this. I’ve copied and pasted as you suggested but it won’t publish – there’s an error in line 3 I think with a red squiggly line under the colon.

    Theme Author Anthony Hortin

    (@ahortin)

    Hi Anna,

    Did you copy the code from the email you received, or from just above? I did notice an error just after submitting my reply, so I had to edit it. The email you received though, would’ve had a small text error. The code above, wich I edited after submitting, is valid, and should work fine.

    Thanks.

    Thread Starter annasellshouses

    (@annasellshouses)

    Aha! I did not know you’d changed it, yes I had copied from the email. I have now published the new code and it is so much better, no splitting of words. Thank you so much.
    Anna

    Theme Author Anthony Hortin

    (@ahortin)

    No probs. Glad it’s all sorted now ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Word wrapping issues on mobile’ is closed to new replies.