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…

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…

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

Oh shoot, that’s my bad I thought I had removed it, but apparently not, my apoligies. I just removed it Just to be sure it’s the same store, this is the correct link: https://525515-2c.myshopify.com/products/airtoss

No worries, check this one then. 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 your …

It worked!!! Thank you so much, I have been trough trial and erros myself and did eveyrthing but succeed haha. Anyways thanks again for helping me out here, it’s highly appriciated over.

Make Mobile Product Image Full Width Of Screen Dawn theme

Store Design

Made4uo-Ribe November 19, 2024, 9:59pm 23

Hi @DorianvdSpcd

Did you already solve the problem?

Topic		Replies	Views
Mobile Full Wiidth Image - Product Page Shopify Discussion troubleshooting	3	61	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	67	December 16, 2022
Full Width Porduct Pictures DAWN 15.1 Store Design design , customizations , css , third-party-themes , shopify-themes , product-page	5	74	September 19, 2024
Make Mobile Product Image full width (Dawn Theme) Store Design design , css , shopify-themes , product-page	7	226	July 17, 2024

Make Mobile Product Image Full Width Of Screen Dawn theme

Related topics