three column custom html on mobile

Solved
Fabian_weldon
Explorer
112 0 25

I have a section on my homepage that consists of four custom html images in a row as seen here:

Screenshot 2021-01-19 at 14.16.31.png

However when I view this on mobile it goes into one column like this:

IMG_3221.PNG

 

I would like it to be in two columns however so it is a 2x2 square.

 

thank you for any advice in advance

 

KetanKumar
Shopify Partner
14401 1672 5182

This is an accepted solution.

@Fabian_weldon 

Thanks for post 

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

@media screen and (max-width: 590px) {
#shopify-section-16110049402d1783e9 .one-quarter {
    width: 50%;
}
}

 

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
Fabian_weldon
Explorer
112 0 25

thank you so much that worked perfectly

 

KetanKumar
Shopify Partner
14401 1672 5182

@Fabian_weldon 

it's 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 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