Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to stop header colour change on hover? Be Yours Theme

Solved

How to stop header colour change on hover? Be Yours Theme

meld78
Shopify Partner
70 1 14

could someone please tell me how I can stop the colour change on the header when hovering over it?

I've been fiddling with the settings for hours. I thought it should be something simple.

I'm using the Be Yours theme and this is my URL: https://www.merindahbotanicals.com.au

 

meld78_0-1710463881617.png

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10230 2033 2103

This is an accepted solution.

Hi @meld78 

You can do that by adding this code to theme.liquid after <head>

<style>
.header-wrapper>.header:before {
background: transparent !important;
}
</style>

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- 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 7 (7)

Dan-From-Ryviu
Shopify Partner
10230 2033 2103

This is an accepted solution.

Hi @meld78 

You can do that by adding this code to theme.liquid after <head>

<style>
.header-wrapper>.header:before {
background: transparent !important;
}
</style>

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- 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.

meld78
Shopify Partner
70 1 14

Amazing, thank you @Dan-From-Ryviu  that worked. Truly appreciated!

Dan-From-Ryviu
Shopify Partner
10230 2033 2103

Happy I could help.

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- 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.

CharBar93
Excursionist
15 0 2

I could not get this to work on Monaco theme. But I am using header overlay.

 

Sticky header only on scroll up.

PageFly-Henry
Shopify Partner
1184 335 292

Hi @meld78 

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


span.header-background,

.header-wrapper>.header:before {

    display: none;

}

 

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.

meld78
Shopify Partner
70 1 14

Thank you. I used Dan's code and it worked. 

PageFly-Henry
Shopify Partner
1184 335 292

You are welcome @meld78 😊

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.