I want to change the image size on my mobile view only, not really the size I just wanna remove the padding around the image to make it the full width and height of the screen. Ive attached examples to show what im trying to figure out, im using the newest version of Dawn EXAMPLE: THIS IS WHAT I H…

Thanks, for the info. Check this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file y…

Hi @MrStoney Would you mind to share your store URL? Thanks!

Add This Code In Edit Code > Base.css File @media screen and (max-width:767px) { .header__heading-logo{ width: 100%; } .header__heading-link{ padding: 0 !important; } }

[Help1.jpg] Was that the code to remove the padding around the image?

Hey there, On your Theme Settings, at the bottom you can see “Custom CSS” Add: .product-media-container.constrain-height.media-fit-contain { width: 100%; } Let me know how things went.

is there a way to apply this change to all the products in the store?

Hello, I’m currentyly facing the same obstacle, however the code did not work for me… Would you know what the issue is?

Hi @DorianvdSpcd Would you mind to share your store URL? Thanks!

Hi, thanks for the immense quick reply, I didn’t expect it to be this fast! Anyways, here is the URL: https://525515-2c.myshopify.com/products/airtoss By the way I don’t know if it matters alot to you, but it’s mainly the phone view where I can’t seem to be able to remove the upper and side paddin…

Make Mobile Product Image Full Width Of Screen Dawn theme

Store Design

MrStoney April 1, 2024, 5:36pm 5

That didn’t seem to change anything

Topic		Replies	Views
Mobile Full Wiidth Image - Product Page Shopify Discussion troubleshooting	3	59	April 30, 2025
How to make product image full width on mobile? Store Design product-page	5	84	September 30, 2024
Dawn Theme Mobile Product Image Full Width Store Design	1	65	December 16, 2022
Full Width Porduct Pictures DAWN 15.1 Store Design design , customizations , css , third-party-themes , shopify-themes , product-page	5	72	September 19, 2024
Make Mobile Product Image full width (Dawn Theme) Store Design design , css , shopify-themes , product-page	7	221	July 17, 2024

Make Mobile Product Image Full Width Of Screen Dawn theme

Related topics