Solved

Impulse theme: Code needed to swipe text column on mobile

Sascha22
Excursionist
40 0 13

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)
KetanKumar
Shopify Partner
36839 3635 11972

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 16 (16)

KetanKumar
Shopify Partner
36839 3635 11972

@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
40 0 13

Hello there,

thanks for your reply. Our URL is

treeletic.com

KetanKumar
Shopify Partner
36839 3635 11972

@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
Sascha22
Excursionist
40 0 13

26824159-9E91-4FC0-95F6-3F16C6D71058.jpeg

KetanKumar
Shopify Partner
36839 3635 11972

@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
40 0 13

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

KetanKumar
Shopify Partner
36839 3635 11972

@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
40 0 13

This is one column with four images/text

 

need them on any device in one row

KetanKumar
Shopify Partner
36839 3635 11972

@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
Sascha22
Excursionist
40 0 13

Ah, I know what you mean, sry that is a misunderstanding.

 

The four images with the text should have a swipe like collection grid

KetanKumar
Shopify Partner
36839 3635 11972

@Sascha22 

oh on can you please give me rough  idea?

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
40 0 13
KetanKumar
Shopify Partner
36839 3635 11972

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
Sascha22
Excursionist
40 0 13

This seems to work perfect, thank you so much!

KetanKumar
Shopify Partner
36839 3635 11972

@Sascha22 

its my pleasure to help us 

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
clothbums
Tourist
4 0 2

Help! I am hoping to implement this on my store as well, but this code (with the updated section I.D) is not working.
Can you please help? 
This is my website:
https://clothbums.com.au/