I made it so that my header logo inverts when the user scrolls down. This doesn’t work on mobile. Instead, it stays inverted. How can I fix this? I am using the Dawn theme and my website is seeninhollywood.com

Hi @derpymcx It works on my side. Please try to clear the browser cache of your mobile device to check.

Sorry, it wasn’t published. It is now though. It either stays white or black but it doesn’t change when scrolled.

Your logo inverted to black when scrolling on my end [Screenshot 2024-08-14 at 09.42.32.png]

Is this on an actual mobile device or is this a mobile preview on desktop? For me, it still doesn’t work.

I already checked on my iPhone, and it worked fine as well.

It starts as white but turns black when scrolled? Maybe it’s just an issue with my device.

Header logo inverts when scrolled on desktop but not on mobile. How can I fix this?

Dan-From-Ryviu August 14, 2024, 2:43am 4

Your logo inverted to black when scrolling on my end

Topic		Replies	Views
Header Icons and logo invert when scrolling (Dawn Theme) Store Design menu , design , header , css	2	18	October 27, 2023
How to make my logo invertible on mobile as I scroll through the banner photo Store Design design , troubleshooting	5	50	October 24, 2024
Why isn't my logo inverting on mobile in the Dawn theme? Shopify Discussion troubleshooting	1	20	March 21, 2024
invert effect on header Store Design liquid , design , css	15	69	June 5, 2025
How to make my logo invertable on mobile, the same as it is on desktop Shopify Discussion troubleshooting	9	57	October 23, 2024