Product you just watched Text Mashed Together On Mobile

Store Design
,
1

Hey, i need some help. On my shopify collection page i have a product recommendations (You just saw) section in the bottom on every collection page. But the text is all mashed up together. Do anyone know why this happend or how i can fix it?

Its only on mobile it does this. Example product: https://americanwine.dk/collections/all

Its called “Du har lige set”

Thanks!

2

Hello @LauraOO ,

Welcome to Shopify Community!

To make the description section responsive on mobile, you should remove the <center> tag and use CSS to center the text instead. The <center> tag is deprecated and not supported in HTML5, and it can cause layout problems on mobile devices.

Is it a custom code or you using any third party app for the You just saw section?

Thanks

3

I have used some custom fields to make some of the tex on the products appear. But the you just saw section itself is from the theme prestige. Do you know any code that can fix this?

I tried it with another section simmilar there was on the product page where i got the code:

.ProductRecommendations .ProductList--carousel > * { white-space: normal; }

And it fixed it. Maybe i can do the same on the other section aswell?

4

Online Watch WWE Raw online Website