How can I adjust a transparent header to a sticky black one?

Topic summary

A user seeks help modifying their Shopify store’s header behavior. Currently, the header is transparent, but they want to:

  • Make it sticky (fixed position while scrolling)
  • Change the background from transparent to black when the page is scrolled

Another participant requests access credentials (storefront password and URL) to examine the site and provide specific guidance. The original poster indicates the store is currently password-protected but mentions it’s “now unlocked,” suggesting they may have removed the password to allow assistance.

The discussion remains open, awaiting technical implementation advice once the helper can access the site.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Hi

I have a transparent header but i want to make it sitcky header and when scrolling i don’t want it to be transparent, instead I would like it to have just black background when scrolling.

URL: https://60338a.myshopify.com/

Hi,

Can you provide your storefront password ?

1 Like

It’s unlock now