How to make sticky header black?

[Somehow999]

I need to make sticky transparent header black if scrolled down

My store - corbie.store

[LizHoang]

Hi @Somehow999 I see i worked

[Somehow999]

Yes but it's gray on any other page

[Dan-From-Ryviu]

Hi @Somehow999 

I see it already transparent and black background when scrolling down. 

[topnewyork]

Hi @Somehow999 Do you want the header like this across the entire website?

[Somehow999]

Yes man

[topnewyork · Accepted solution]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
header__logo-image--transparent {
    position: absolute !important;
    top: -70px !important;
}
image-banner.content-over-media.content-over-media--lg.full-bleed.text-custom {
    position: relative !important;
    margin-top: 7rem !important !important;
}
.header__wrapper {
    background: black !important;
}
</style>

 If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Somehow999]

Thank you so much