Labels are not mobile ready. Word is broken by the letter

This topic has 5 replies, 2 voices, and was last updated 9 months, 2 weeks ago by Luke Nielsen.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 12, 2024 at 4:25 pm #539104
support-1174
Participant
Hello,

The labels are not mobile ready.
A line with words is not being broken by whole words, but by single letters, see my image.
How can I let it break by word? So it not like the image:
STEL SAM
EN

But like so:
STEL
SAMEN

Hope to hear from you soon.
- This topic was modified 9 months, 2 weeks ago by support-1174.
- This topic was modified 9 months, 2 weeks ago by support-1174.
Attachments:
You must be logged in to view attached files.
February 12, 2024 at 5:59 pm #539190

Luke Nielsen
Keymaster

Hello,

Send me a URL page where I can see that. https://take.ms/9RTAy

Thank you in advance.

Kind Regards

February 12, 2024 at 6:23 pm #539208

support-1174
Participant

See Extra information (visible to moderators only) for link

February 12, 2024 at 6:40 pm #539226
Luke Nielsen
Keymaster
Hello,

Add the below code into the “Mobile CSS” area in Theme Settings -> Custom CSS:
```
.product-grid-item .product-label {
    word-break: unset;
}
```
Then clear the cache and recheck the issue.
February 12, 2024 at 6:44 pm #539230

support-1174
Participant

THANK YOU!!!!!!!!!!!!!!!!!!!!!!!!

February 12, 2024 at 6:47 pm #539233

Luke Nielsen
Keymaster

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot.

Have a good day!

Best Regards
Author

Posts