Shopify themes, liquid, logos, and UX
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 :
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.
Solved! Go to the solution
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.
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.
It worked !
Thank you so much for your help !
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.
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;
}
}
- 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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025