Solved

Want Product Size Smaller On Home Page

Mitesh3
Excursionist
38 0 7

I want my product size smaller in mobile view. I am Referencing images to you 

My Website: https://houseofsneakers.in/

Reference website: https://hypestockexchange.in

IMG-20240102-WA0020.jpgIMG-20240102-WA0021.jpg

Want small product in first website house of Sneakers you can see difference between them!!

 

Accepted Solution (1)

Abdosamer
Shopify Partner
821 146 161

This is an accepted solution.

Hi @Mitesh3 , go to theme.css and add the following code :

@media (max-width:990px){

.product-list__inner--scroller {
   
    grid-auto-columns: 40vw !important;
    
}

}

Result:

Abdosamer_0-1704203573228.png

 

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

View solution in original post

Replies 2 (2)

Abdosamer
Shopify Partner
821 146 161

This is an accepted solution.

Hi @Mitesh3 , go to theme.css and add the following code :

@media (max-width:990px){

.product-list__inner--scroller {
   
    grid-auto-columns: 40vw !important;
    
}

}

Result:

Abdosamer_0-1704203573228.png

 

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

websensepro
Shopify Partner
873 117 126

Hi, @Mitesh3.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

 

@media (min-width: 320px) and (max-width: 767px) {


.product-list__inner--scroller {
    grid-auto-columns: 32vw !important;
}

}

 

Result:

websensepro_0-1704294229584.png

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here