A user seeks to remove spacing (padding/margins) around product images on mobile devices in the Dawn theme, wanting images to fill the entire screen width and height.
Current Issue:
Solutions Offered:
Reference to existing solution: One responder directed to a related community thread addressing white space removal between sections in Dawn’s mobile view
Custom CSS approach: Another responder provided specific implementation steps:
</body> tagStatus: The discussion remains open, awaiting confirmation from the original poster on whether either solution successfully resolved the spacing issue.
Hello,
I would like to remove the spacing on the left and right and the spacing at the top and bottom of the images so that the image takes up all the space on mobile, but I don’t know how to do it.
Does anyone know how to do this please?
Here is my website: https://pqd9ge-cs.myshopify.com/products/brightening-eye-cream
What it looks like:
What I would like:
Hey @Ulysse12342 You should try out the steps in the marked reply here https://community.shopify.com/c/shopify-design/remove-white-space-between-sections-for-mobile-view-on-dawn/m-p/2644934
Feel free to tag me and let me know if it works for you!
Hey @Ulysse12342
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
