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

Store Design
1

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
meld78_0-1710463881617.png1920×1080 246 KB

2

Hi @meld78

You can do that by adding this code to theme.liquid after
3

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

4

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

5

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

6

Happy I could help.

7

You are welcome @meld78 :blush:

8

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

Sticky header only on scroll up.