Re: Two collum grid for mobile

How can I create a 2-4 column grid for mobile on the Stiletto theme?

jessicaw95
Tourist
9 0 2

Hi!

I'm currently using the theme 'Stiletto' and I'm wanting to make my Grid section 2-4 collums on mobile version like it is on the desktop version, any help would be amazing! 🙂

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
8383 1650 1663

Hi @jessicaw95 

Could you send me your store link to  check?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

jessicaw95
Tourist
9 0 2

https://lovechai.co/

that's my store! 🙂

Dan-From-Ryviu
Shopify Partner
8383 1650 1663

Hi @jessicaw95 

You can try to add this code to Custom CSS of that grid section 

.grid-item.grid-item--width-33 {
    width: calc(100%/2);
    min-width: auto;
    min-height: 270px;
}

Screenshot 2023-11-21 at 15.09.15.png

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

jessicaw95
Tourist
9 0 2

Perfect, that helped thank you!!!!! 🙂

Dan-From-Ryviu
Shopify Partner
8383 1650 1663

Very welcome ☺️

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.