Looking to keep 3 column layout on mobile

quintonirons
Tourist
4 0 3

Hi there, I have image layout with text beneath it for a three column layout on desktop. I am looking to see how to code this to remain a three column row on mobile also if possible- so no stacking to one-one -one. 

Any help appreciated!

 

KetanKumar
Shopify Partner
18918 1986 6998

@quintonirons 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
quintonirons
Tourist
4 0 3

Hi there, thanks so much.

The URL is https://www.hausofmontagu.com/ and it is the row of icons under the first slideshow at the top.

Thanks in advance!

KetanKumar
Shopify Partner
18918 1986 6998

@quintonirons 

sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 749px) {
#shopify-section-16208465086e285ca8 .grid__item {
    width: 33.3333%;
}
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
quintonirons
Tourist
4 0 3

Thank you so much. This worked a treat, would you be able to tell me how to tweak the text under the icons to be smaller on mobile? Just these three points so it doesn't go too big.

KetanKumar
Shopify Partner
18918 1986 6998

@quintonirons 

sorry for late reply please share 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes