Words/sentences cut in Korean language

[MedleyKorea]

Hi,

I have a store in Korean and in English. While the English version has not particular problem, the Korean version has words cut in random places (the words cut change depending on the screen used). How do I solve this problem so the word, instead of being cut, goes to the lone below ?

Thanks in advance for your help !

[MaverickStudio]

Hi @MedleyKorea ,

That is a strange problem. Can you share the link to your store and a screenshot of where the problems occur?

[MedleyKorea]

Hi @MaverickStudio ,

Thanks for your answer ! The store is www.medleykorea.com

You can see in the screenshot that the English is fine but the Korean words are cut (red line where it shouldn't be). The problem occurs not only in particular pages but in all the store, on PC, tablets, phones.

Please let me know if you have an idea on how to fix this 🙂

[MaverickStudio]

Hey @MedleyKorea 

Here's the solution. Css usually considers a space as a line break and due to the Chinese/Japanese/Korean alphabet it tends to break words that aren't supposed to be. The following block fixes it for the particular section that you faced an issue with 🙂

Go to Online Store > Themes > Edit code.
Find base.css and add this at the bottom.

html:lang(ko) ul[data-mce-fragment='1'] li[data-mce-fragment='1'] {
	word-break: keep-all !important;
}

 

[MedleyKorea]

Thank you very much  @MaverickStudio !

It solved the problem on the page I screenshotted but on the other page (our brand) and in the multicolumn on the main page, the problem is still there. Any idea why ?

[MaverickStudio · Accepted solution]

Hi @MedleyKorea ,

Happy to hear that! Just replace the code block with this new one to include paragraph tags too. I am wary of adding it globally to the entire site hence the specific targeting of elements.

html:lang(ko) ul[data-mce-fragment='1'] li[data-mce-fragment='1'],html:lang(ko) p {
	word-break: keep-all !important;
}

If you want to enable it globally then use the following block instead

html:lang(ko) * {
	word-break: keep-all !important;
}

[MedleyKorea]

@MaverickStudio , it works perfectly, thanks a lot for helping so quickly !

[MaverickStudio]

No worries @MedleyKorea ! 
 

Best of luck with expanding your business outside of Korea.

If you need any further assistance, feel free to reach out.