Impulse theme: Code needed to swipe text column on mobile

Solved
Sascha22
Excursionist
22 0 7

Hi there,

 

the text column, in which I added already one so four now, shows in mobile one below the other.

That doesn’t look nice, so I would like just to have a swipe on mobile.

 

Hope to get help here, thanks.

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@Sascha22 

yes please try this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 600px) {
#shopify-section-1632483909b23e58b5 .grid {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
}
#shopify-section-1632483909b23e58b5 .grid .grid__item {
    flex: 0 0 70%;
}
}

 

If helpful then please Like and Accept Solution.
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 15 (15)
KetanKumar
Shopify Partner
24919 2495 9027

@Sascha22 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
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
Sascha22
Excursionist
22 0 7

Hello there,

thanks for your reply. Our URL is

treeletic.com

KetanKumar
Shopify Partner
24919 2495 9027

@Sascha22 

thanks for url

can you please show me issue images?

If helpful then please Like and Accept Solution.
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
KetanKumar
Shopify Partner
24919 2495 9027

@Sascha22 

can you please confirm look?

KetanKumar_0-1635669069479.png

 

If helpful then please Like and Accept Solution.
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
Sascha22
Excursionist
22 0 7

On iPhone there is one column below the other, not two in a row

KetanKumar
Shopify Partner
24919 2495 9027

@Sascha22 

all device do you need 2 or 1 column

If helpful then please Like and Accept Solution.
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
Sascha22
Excursionist
22 0 7

This is one column with four images/text

 

need them on any device in one row

KetanKumar
Shopify Partner
24919 2495 9027

@Sascha22 

i thing  doesn't look good

KetanKumar_0-1635678918028.png

 

If helpful then please Like and Accept Solution.
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