A Shopify store owner is experiencing a text wrapping issue where the word “collection” breaks mid-word on mobile devices instead of moving to the next line as a complete word.
Problem Details:
word-break: normal !important; on h2 elements was unsuccessfulCurrent Status:
See the screenshot where the text custs in the middle of the word collection, instead of just moving the whole word collection to the next line. I cannot get this to work. I have tired:
h2 {
word-break: normal !important;
}
But it doesn’t work on mobile. Please let me know how to fix this.
https://juede-official.myshopify.com/
Password: sundaymorning
This is probably a code error in the theme you are using or a typing error if you want me to help chack it out
Yes please! I would love the help to try fix this.
Please let me know how to fix this. I have been trying to find a solution on my own but nothing has worked yet.
Is this fix?
I don’t have a fix yet. This issue still shows up on my phone, but not on the mobile preview in Shopify or in the mobile preview on the chrome inspector.
It depends on the phone you’re using. Are you using an iPhone? This can only be fixed by someone using an iPhone or a MacBook.
I am using a iphone 16 Pro, my client also sees this on her phone, I am not sure what model. Please help me fix it.
Were you able to find a solution to this?
