Shopify themes, liquid, logos, and UX
Hi there,
My product pages on mobile aren't great for converting customers as the images are too small and the layout feels awkward in 2 columns, so I'd like to get the image slider to be larger and at the top in the middle, then for the product name, description, and variant selector to appear underneath the image. I'm using the dawn theme, website is http://thehoneydewlounge.com/, and I've attached how my mobile product pages look at the moment
Thank you in advance!
Hey @JennMaxwell
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
@media screen and (max-width: 767px) {
.product.grid {
display: block !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
oh my gosh this is almost perfect! Is it possible to keep the images at their original ratio? with this code, they show as a bit too wide and the bottom is cut off. thank you so so much for this
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025