Shopify themes, liquid, logos, and UX
How can I remove the spaces between sections? I want everything to look cohesive and flow seamlessly and it can’t seem to figure it out, I also added a marquen with a code I found which I love but I have spaces below in between I’m using DAWN THEME
Solved! Go to the solution
This is an accepted solution.
@Mela23-A Please follow below steps to remove the space between the sections and let me know whether it is useful for you.
.shopify-section.section {
margin-top: 0px !important;
}
Result will be like,
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Hi @Mela23-A
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
@media (max-width: 767px){
section {
margin-top: 0 !important;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
thank you Henry unfortunately it didn't work 😞
This is an accepted solution.
@Mela23-A Please follow below steps to remove the space between the sections and let me know whether it is useful for you.
.shopify-section.section {
margin-top: 0px !important;
}
Result will be like,
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025