How to remove top and left margin on Dawn theme product images?

[hug1]

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! 

[GemPages]

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

[hug1]

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]

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]

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