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
10126 2011 2070

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 Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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
10126 2011 2070

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 Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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
10126 2011 2070

Happy I could help.

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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 291

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 291

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.