How do I stop the words from getting hyphenated on Ecommerce Studio theme? It shows up hyphenated on smaller phones.
Thanks
Hello @LizMariaaa
Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Definitely.
TrendyBaby.ca
password is Tr3ndyBaby
Thank you!
Hello @LizMariaaa
I have quickly inspected the page and found out that the issue on iOS small screen maybe from this code
Please check out my suggestion below:
-
Go to Online Store → Theme → Edit code
-
Open file theme.liquid then add this code to above the tag to check
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
1 Like
Hello @LizMariaaa ,
You need to add the below-provided code at the end of your theme.css file:-
- Go to your Shopify admin > Online store
- Select your theme > click on action > edit code
- Open the theme.css file from the assets folder and add the code below in the last of this file
- Save the changes
Code:-
@media only screen and (max-width: 600px) {
.grid .grid__item .grid-product__title{
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2; /* if you want to show the description in 2 lines */
display: -webkit-box;
-webkit-box-orient: vertical;
}
}
Note:- The above code will show the description in 2 lines along with the ellipsis(…)
Result:-
Hope this helps, let us know if you need any further help from us.
Regards,
CedCommerce
Hi there, thanks so much. It fixed the other area, however on the main page there is still one. Not sure if this is an easy fix.
Thank you! I will try this too.
Sorry. It’s not on the main page. It’s on the product page (at the bottom)
Hi there, I tried it out and it’s still showing up as hyphenated on the photos at the bottom of the products.
