How do I remove a white band between my video and announcement bar?

Solved

How do I remove a white band between my video and announcement bar?

HHloot
Excursionist
20 0 4

Hello again,

I recently posted here about having a problem with my announcment bar and thanks to the community, it was solved. 

However, I recently found a very interesting feature where you could make your announcment bar slide. I put the code on my shopify store, and it worked, but there is a small problem. When i put the code, and saw the results, i noticed a small white band between my video and the announcement bar : 

HHloot_0-1704405945590.png

Can someone help me get that white band off ?

Here is the link for my shopify store : https://blenderpure.com/

 

Many thanks to anyone who will provide any kind of help.

 

Best Reguards.

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 296

This is an accepted solution.

Hi @HHloot 

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

 

div#shopify-section-sections--19657420734804__header {

    margin-bottom: 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.

View solution in original post

Replies 4 (4)

PageFly-Henry
Shopify Partner
1184 335 296

This is an accepted solution.

Hi @HHloot 

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

 

div#shopify-section-sections--19657420734804__header {

    margin-bottom: 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.

HHloot
Excursionist
20 0 4

It worked ! 

Thank you so much for your help !

PageFly-Henry
Shopify Partner
1184 335 296

You are welcome @HHloot 😊

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.

Dan-From-Ryviu
Shopify Partner
10968 2150 2289

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element 

@media (min-width: 750px){
.section-header {
margin-bottom: 0px !important;
}
}

Screenshot 2024-01-05 at 08.48.52.png

 

- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.