How to reduce mobile padding on mobile on Narrative theme

CoffeeRoasters
Tourist
11 0 7

The padding on mobile version of my site between the slideshow, the text, the featured collection and the video is way too much. I would love for the padding to be reduced without each element completely touching. So still a little bit of padding.

 

My site: https://8qdi8xqztk9g7ro7-45395345561.shopifypreview.com 

 

Thank you so much!

0 Likes
UmairA
Shopify Partner
872 85 173

Hi, there @CoffeeRoasters,

Add the following code to your theme.scss.liquid file (Or theme.css) 

@media only screen and (max-width: 480px) {
#shopify-section-1618754167c6c9b05f .featured-collection, .hero__inner  {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}

 

Hope it helps.

 

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes