Words being cut on Mobile/Phone View

Site URL: https://www.eco-stor.de

Hi, 

I have encountered issues with the Mobile/Phone view when it comes to the display of words. The main language of the website is in German - the words used are sometimes very long - and the words are sometimes cut without any logic.

I have tried multiple codings given in the forum, but they concerned hyperphenation and this is not something that would bother us (on the contrary). I have also tried to play with the size of the font, without success.

You will see attached an image of a word cut only a letter before it ends to the next line. Is there a proper coding to avoid that ? 

Thank you in advance for your help.

Hi,

Try adding this to Design > Custom CSS

p,h1,h2,h3 {
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important
}