Shopify dawn banner image decrease container padding on mobile

How do I reduce the size of the upper and lower padding between the button and banner image when I have the ‘Show container on mobile’ option checked for mobile layout? I would like to decrease the amount of white space as shown by the red arrows. Thx in advance.

2 Likes

@russ-stya - Can you please this page link where you have this mobile banner?

https://stya.xyz/ pwd = brooklyn

@Suyash1 can you or anyone else please help me with this. I am still having this issue and I’m looking to decrease the amount of whitespace/padding between the Shop Now button and the image banner when viewing on mobile. Thx in advance.

2 Likes

@russ-stya - please add this css to the end of base.css file and check, should look like the screenshot below

#shopify-section-template--14929276731444__image_banner .banner__box{padding: 1rem 3.5rem;}

1 Like

Thanks so much for your help. That seemed to fix it!

Hi, I tried to use the code to resolve the same issue on my site but nothing changed, any ideas?