I’m using motion theme and I want to reduce margins and padding between the section. How can I do that? I tried finding shopify-section in theme.css.liquid but could not find it. I also tried to edit featured-collection.liquid but no luck. Can anyone help me with that?
Would you mind sharing your store’s URL so we can solve this for you? Cheers!
Add the following code to your theme.css file at the very end:
@media only screen and (min-width: 590px)
{
.index-section {
margin: 20px 0!important;
}
}
Let me know if that works!
No, this solution didn’t work
No, this solution didn’t work
Make sure you’ve added the brackets for the @media only, I see they’ve been removed from the code on your website:
It worked now. Thanks, man. Love you. Highly appreciated. Tell me one more thing. I could not reduce the top margin of my navigation. I set it to 0 but I want to decrease it more. Is there a way? Navigation’s top margin/padding
Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!
As for your second question, would you mind sharing a visual so we can have a look? Thanks!
I’d like to reduce the space between the top bar and the navigation