Solved

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

holygrails_in
Tourist
9 0 2

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?

Accepted Solution (1)

Vinsinfo
Shopify Partner
267 96 87

This is an 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;

 

Vinsinfo_0-1710939340969.png

2. Save file.

 

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

View solution in original post

Replies 2 (2)

Vinsinfo
Shopify Partner
267 96 87

This is an 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;

 

Vinsinfo_0-1710939340969.png

2. Save file.

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
holygrails_in
Tourist
9 0 2

Thanks for your support 👍💯