How to Stack Text Columns with Images in One Column on Mobile

[aianne]

Hi Shopify Community,

I'm using the Pipeline theme version 7.2.2 for my Shopify store, and I need some help with the mobile layout of my text columns with images.

Currently, on mobile devices, the text columns with images are displayed side by side. I want to ensure that these columns stack in a single column for a better mobile user experience.

Could someone please guide me on how to achieve this? Is there a specific setting or CSS adjustment in the Pipeline theme that I should be aware of to make the text columns and images stack vertically on mobile devices?

Any advice or pointers would be greatly appreciated!

https://www.gitanokit.com/pages/concierge-service-your-custom-box

Thank you!

[suyash1]

@aianne - please add this css to the very end of your theme.css file and check

@media screen and (max-width:749px){
.section-columns [data-custom-scrollbar-items]{flex-flow: column nowrap !important;}
}