Solved

Removing spaces from sections on dawn theme

Mela23-A
New Member
9 0 0

 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

IMG_1117.jpeg

Accepted Solution (1)

Vinsinfo
Shopify Partner
247 90 82

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.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "base.css" file and paste below code at the bottom of the file.

 

.shopify-section.section {
    margin-top: 0px !important;
}

 

 

Result will be like,

Vinsinfo_0-1712294250779.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

View solution in original post

Replies 3 (3)

PageFly-Henry
Astronaut
1069 306 260

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.

Mela23-A
New Member
9 0 0

thank you Henry unfortunately it didn't work 😞

Vinsinfo
Shopify Partner
247 90 82

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.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "base.css" file and paste below code at the bottom of the file.

 

.shopify-section.section {
    margin-top: 0px !important;
}

 

 

Result will be like,

Vinsinfo_0-1712294250779.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.