We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Remove hover on header

Remove hover on header

DHEID
Visitor
2 0 2

Hi im using the new Atelier theme but I want to remove the way the header changes when I hover over it. The header is transparent on the HP and I want to keep it that way even when people hover over it or click on a menu item. 

At the moment if you click on a menu item the logo goes missing and the header text and icons change colour. 

Replies 4 (4)

Mustafa_Ali
Trailblazer
523 51 101

HEY @DHEID share the URLs of your website plz

"Need a Shopify Specialist"?Chat on WhatsApp
Or email at: mustafaalideveloper001@gmail.com
"If my solution was helpful, mark it as a solution and hit the like button! And wait don't forget to"

Moeed
Shopify Partner
7764 2082 2568

Hey @DHEID 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


jakeclifford
Shopify Partner
93 18 25

Hi @DHEID 

You can do this by setting the default color scheme of the header to the same as the inverse.

Click on header section -> Find Colors -> Set Default to the same as inverse.

 

Screenshot 2025-06-14 at 7.53.29 am.png

Hope that helps,

Jake 

I'm Jake the Shopify Wizard! If helpful Like and Mark as an Accepted Solution
My Blog - Tips and Tricks for Shopify Horizon and AI features Horizon + AI

Struggling to solve an annoying issue? Get Help Fast

DHEID
Visitor
2 0 2

I've tried this but then my logo goes black and then the text is white etc etc its not as easy as it should be.