Make the Product tile full screen on mobile

Make the Product tile full screen on mobile

Artey
Excursionist
16 0 5

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

Replies 4 (4)

EstherBui
Excursionist
275 39 41

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Artey
Excursionist
16 0 5

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

LizHoang
Shopify Partner
879 103 133

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
Artey
Excursionist
16 0 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.