How to disallow horizontal scroll for featured collection grid content on home page for tab & mobile

[holygrails_in]

I am facing a horizontal scroll on viewport of with below 960px for featured collection grid content on home page of my store https://holygrails.in that is quite irritating. (Theme Name is Stiletto)

Check this video:

https://drive.google.com/file/d/1OHw5Vp8N0XhIadr7Pxp8fo2YIXEunx82/view?usp=sharing

I have tried using this code in the custom.css file

body {

max-width: 100%;

overflow: hidden;

}

and wasn't successful also tried with classes like featured-collection-grid__content, featured-collection-grid__products, carousel, swiper, featured-collection-grid...  

Can anyone help me with this?

[Vinsinfo · Accepted solution]

@holygrails_in Please follow below steps to prevent from horizontal scrolling for featured collection grid on viewport of with below 960px. Let me know whether it is helpful for you.

1. Find the class name ".featured-collection-grid__products" in custom.css file and paste below code within the class as shown in the below screenshot.

transform: none !important;

2. Save file.

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[holygrails_in]

Thanks for your support 👍💯