How to reduce Banner padding on mobile in Dawn theme???

6 1 0

I have tried other posted solutions but nothing worked.


I am trying to minimize the white padding space on mobile on my website under/over the banner logo at


Shown here:


Thank you!!!

Reply 1 (1)

Shopify Staff
2731 302 777

Hi Kueeny,


Without being able to test on the actual store I would recommend considering the following options:

  • ensure that the image itself doesn't have extra white space above and below the logo.
  • adjust CSS rules and media queries to reduce any unnecessary margin or padding on mobile.
  • use a different image on mobile vs desktop as you might be able to use a mobile optimised image that will not have the extra white space - here's a guide on how to achieve this.

Hope this helps!

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit or the Shopify Web Design and Development Blog