Grid Theme - mobile text overlapping on slider

[ResidenceJD]

Hi,

We have an issue with Grid theme on mobile devices where on our product sliders on the homepage, text in product description seems to be overlapping with the next product. 
doe anyone know how we can correct this? 

The website URL is scandihandles.co.uk. 

[GemPages · Accepted solution]

Hello @ResidenceJD ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.product-list-item-title {
 white-space: initial !important;
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team

[ResidenceJD]

Thank you, This has worked perfectly. 

[GemPages]

I am glad that my solution is helpful to you.

[PageFly-Victor]

Hi @ResidenceJD 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

.product-list-item-title a {
    white-space: initial !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly