Solved

Remove the blank line under header - Spotlight

Pearliful
Visitor
2 0 1

Hi, I am using Spotlight theme, and I have this white bar between the header and the image banner on homepage. How can I get rid of it?

 

www.pearliful.com 

 

Pearliful_0-1717643306580.png

 

Accepted Solution (1)

PageFly-Noah
Shopify Partner
1256 222 255

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @Pearliful  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.section-header{
margin-bottom: 0px !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | 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.

View solution in original post

Replies 2 (2)

Pearliful
Visitor
2 0 1

I solved it by adding 

 

.shopify-section-header-sticky {
margin-bottom: -30px;
}

PageFly-Noah
Shopify Partner
1256 222 255

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @Pearliful  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.section-header{
margin-bottom: 0px !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | 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.