Re: Help to remove Header on Homepage and all pages and on the scroll on Banner on Dawn Theme

Wiley22 · ‎03-06-2024

I want to remove the sticky header from the overlay banner and have it transparent, but when you select no sticky banner on scroll, it stays on with the scroll and also looks like this on the preview. What code would i use to have a transparent Banner behind the Header, with the logo carrying on through the scroll without the White background?

https://wmi2x18byg279on7-64157483225.shopifypreview.com

Dan-From-Ryviu · ‎03-13-2024

Did you solve it? because I saw its okay on my side

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎03-06-2024

Hi @Wiley22

Please add this code to your theme.liquid file after <head> and check

{% if template == 'index' %}
<style>
.header-wrapper {
background: transparent !important;
}
#MainContent {
margin-top: -252px;
}
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Wiley22 · ‎03-13-2024

Hi thank you for the code.

For some reason though on my homepage, the logo and header is completely on the left side and not centered like the other pages. How can i adjust?

Dan-From-Ryviu · ‎03-13-2024

Did you solve it? because I saw its okay on my side

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Re: Help to remove Header on Homepage and all pages and on the scroll on Banner on Dawn Theme

Help to remove Header on Homepage and all pages and on the scroll on Banner on Dawn Theme

Community Blog Articles