Shopify themes, liquid, logos, and UX
Hi there!
You can click on each `Section` in the customizer and reduce both the `Top Padding` & `Bottom Padding` as seen in the screenshot below. If you wanted to reduce it even more you would have to add some customize CSS to your theme
Go to Online Store, then click on Themes, and select Customize.
Navigate to the section, then click on the section -> Remove top padding and bottom padding.
Screenshot :- https://prnt.sc/0bcLGU3RO107
Hi, thanks for your response.
When I go to remove/reduce the section padding, the options are only available under "Mobile Settings", which is fine but I would also like it for desktop. But actually when I adjust even the mobile section padding, nothing changes regardless of which way I move the slider.
I think this would be a custom CSS job, how can I go about finding how to do this?
- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.
@media screen and (max-width: 767px){
.m-section-my {
margin: 0;
}
}
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025