Mode Theme: Sticky Header Colour

Store Design
, , ,

Topic summary

A user working with the Mode Theme on Shopify is trying to implement a sticky header that starts transparent and transitions to white when scrolling down. They’ve shared a preview link showing their current setup.

Current Status:

  • The header behavior isn’t working as desired
  • User is seeking guidance on how to achieve this effect

Response:

  • Another user (KetanKumar) has replied asking for confirmation about a specific look, sharing an image for reference

Outcome:

  • Discussion remains open, awaiting the original poster’s confirmation on the proposed solution
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello!

I am desperately trying to make my sticky header bar transparent and comes back to white when the viewer scrolls down. I am currently using the Mode Theme.

Here is the preview page: https://www.growdynamics.co.uk/?_ab=0&_fd=0&_sc=1

Is there any way to do this?

Any help will be greatly appreciated!

2.PNG
2.PNG2537×892 255 KB

1.PNG
1.PNG2545×937 194 KB

1 Like
2

@plantrex_gd can you please confirm this look

KetanKumar_0-1733475178572.png
KetanKumar_0-1733475178572.png1920×922 321 KB