What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

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

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
Community Manager
3108 344 895

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