Full bleed images on product page Dawn

hug1
Tourist
23 0 1

Hello, 

How do I remove the top and left margin on my product image on the product page? I use the Dawn Theme.

I want the information on the right side to stay the same. 

 

Thanks in advance! 

productpage.png

 

Replies 4 (4)

GemPages
Shopify Partner
5587 1261 1192

Hello @hug1 

I would like to give you the recommendation to support you so kindly follow steps below:

 

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>

<style>
#MainContent .shopify-section > .page-width{
padding-top:0px !important;
padding-left:0px !important;
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
hug1
Tourist
23 0 1

Hi, thank you for this. How ever, is there a way to do this only on mobile? And not changing the padding of the copy below the image? 

hug1
Tourist
23 0 1

Hi again and thank you!

Is there a way to do this only on mobile? And not changing the padding of the copy below the image?   

cielle23
Tourist
11 0 1

Hi @GemPages this is great help but i need more info - where exactly do we paste this code? As i cannot see </body> on the theme liquid file