How can I resolve text overlap issues in my collection grid?

Store Design
1

Good morning, I found some troubles with text in the collection grid. I could I fix that?

Thank you, best regards

IMG_4562.jpg
IMG_4562.jpg828×1193 124 KB

2

Hello @simo_aresta

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

3

Hi the url is ferrucciokids.myshopify.com

is pass free

4

Hello @simo_aresta

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.scss.css>Add this code at the bottom.

@media only screen and (max-width: 768px){
.grid-overflow-wrapper .grid-product__title.grid-product__title--heading {
    font-size: 12px !important;
}
}
5

Thank u so much no it’s fixed. I found that I have the same issue here:
https://ferrucciokids.it/collections/lampade-led-personalizzate

simo_aresta_0-1681136695199.png
simo_aresta_0-1681136695199.png786×1039 260 KB

6

Hello @simo_aresta

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.scss.css>Add this code at the bottom.

.grid-product__title.grid-product__title--heading {
    font-size: 12px !important;
}
7

Thank you so much :folded_hands: