change display feature collection for mobile

Solved

change display feature collection for mobile

ai41
Explorer
70 0 19

i want to change how this products showing to be 2 product , and i can scroll to the other two , how to make it , please see the image 2 

 

this url : saintalen.com

ai41_1-1733408591637.png

ai41_2-1733408735914.png

 

 

Accepted Solution (1)
KetanKumar
Shopify Partner
37498 3664 12135

This is an accepted solution.

@ai41 thanks for update can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media (max-width: 749px){
.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) - 0rem);
    }
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

KetanKumar
Shopify Partner
37498 3664 12135

@ai41  sorry your store is not working can you please check and share new link please 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ai41
Explorer
70 0 19

Its working my friend 

KetanKumar
Shopify Partner
37498 3664 12135

This is an accepted solution.

@ai41 thanks for update can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media (max-width: 749px){
.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) - 0rem);
    }
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing