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

Solved

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

Wiley22
New Member
11 0 0

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?

 

Screenshot (5).png

 

Screenshot (6).png

 

 

 

 

https://wmi2x18byg279on7-64157483225.shopifypreview.com

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
11017 2158 2303

This is an accepted solution.

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

Screenshot 2024-03-14 at 08.50.43.png

- Solved it? Hit Like and Accept solution!
- 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.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
11017 2158 2303

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 %}

 

- Solved it? Hit Like and Accept solution!
- 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.

Wiley22
New Member
11 0 0

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?Screenshot (11).png

Dan-From-Ryviu
Shopify Partner
11017 2158 2303

This is an accepted solution.

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

Screenshot 2024-03-14 at 08.50.43.png

- Solved it? Hit Like and Accept solution!
- 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.