Shopify themes, liquid, logos, and UX
Hey everyone,
I've noticed that you can't really see the details of my clothing pieces when scrolling through my shop on mobile, because the pictures are too small. I was looking at the Balenciaga Webshop and they have a button to switch to a single item view. I'm looking for a theme which includes this feature or code that could achieve this, in case there's no theme. Thanks for the help! ( Currently using Debut Theme 11.3.1)
@bootik54 My experience says that it will need some coding to achieve this feature. So, I will need Shopify Access to implement this kind of design in Debut theme.
Hi @bootik54 ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
@media screen and (max-width: 749px){
#product-grid{
column-gap:0 !important
}
#product-grid .grid--2-col-tablet-down .grid__item {
width: 100%;
}
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025