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

Kueeny
Tourist
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 TheGloveZone.com.

 

Shown here: https://i.imgur.com/QnJYMWB.jpg

 

Thank you!!!

Reply 1 (1)
Liam
Shopify Staff
Shopify Staff
1882 199 574

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 Shopify.dev or the Shopify Web Design and Development Blog