Make the Product tile full screen on mobile

Store Design

Topic summary

A user running the Dawn theme on artey.com.au wants to remove white borders (left and right padding) from product images on mobile, making them display full-screen. They provided a screenshot showing the desired layout.

Attempted Solutions:

  • One suggestion involved adding CSS to remove padding from .page-width in base.css
  • This solution failed because it stretched the entire page layout, not just the product images

Current Status:

  • Another responder noted the product image itself contains white borders and requested the user change the photo first
  • The user clarified to reference the second product tile (room scene) as the desired format, not the first tile
  • The issue remains unresolved, awaiting further CSS targeting specifically for product images rather than global page width
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

My website is artey.com.au and it is running on Dawn theme. I would like the product tile on the product page in mobile to show in full screen mode without the white borders on the left and right side. I have tried some of the custom code provided in other chats but they didn’t work.

Sacred Body Mine Wall Art – artey.com.au

Here’s a screenshot of what I am trying to achieve.

WhatsApp Image 2025-01-16 at 22.22.01_95b2ef5e.jpg
WhatsApp Image 2025-01-16 at 22.22.01_95b2ef5e.jpg738×1600 129 KB

2

Hi Artey

Please follow the steps below to see if it works.
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end

.page-width {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

Best,
Esther

3

That was a bad solution, unfortunately. It stretched the ENTIRE SCREEN and not just the product image.

4

Hi @Artey

We have checked on it and the image itself already has a white border. Would you mind changing the photo first? then we will continue to solve the issue for you.

Liz

5

Hi Liz, thanks for helping out. If you can ignore the first product tile and swipe to the next tile where the art print is in a room, this should be the basis of the product tile. You can also refer to the attached image I shared. Thank you.