Sticky Navigation Background

[chichi0114]

Hi,

Previously, my navigation bar was transparent, then when I scrolled through the page. It would become a sticky navigation bar with a navy background which was exactly what I wanted. However, one day I opened editor and it just became forever transparent. The navigation bar is sticky when I scroll, but the background is transparent. How can I fix this?

Thank you,

Chichi0114

[Kyle_liu · Accepted solution]

Hi  @chichi0114 

Please share your store url.

[chichi0114]

Hi Kyle_liu,

I just sent you a direct message!

Best,

Chichi0114

[Kyle_liu]

edit theme code, in file 'sections/header.liquid'

setHeaderHeight() {
      document.documentElement.style.setProperty('--header-height', `${this.header.offsetHeight}px`);
    }