Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I would like to request that the multiple columns currently displayed in separate Column on the mobile view be arranged in a single Column, similar to how they appear in the desktop view. This will help maintain a consistent layout across devices and improve the user experience.
Solved! Go to the solution
This is an accepted solution.
Hi @Adesh1
It would look like this if you make it be arranged in a single column as as desktop
But you could make it appear single per column by adding this code to Custom CSS of that section
@media (max-width: 767px) {
.flexible-layout, .fixed-layout {
grid-template-columns: repeat(1, 1fr);
}
}
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Hi @Adesh1
It would look like this if you make it be arranged in a single column as as desktop
But you could make it appear single per column by adding this code to Custom CSS of that section
@media (max-width: 767px) {
.flexible-layout, .fixed-layout {
grid-template-columns: repeat(1, 1fr);
}
}
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.