make my menu transparent

[adelta]

Hi

How can i make my menu transparent with font in white and when you scroll down becomes white menu with black font?

my website is made with Dawn theme 

[Debular]

Sure you can do it. But with custom CSS - send link to your website and I'll check for solutions.

[adelta]

thank you! https://c911dd-17.myshopify.com/

[adelta]

if possible i want to look exactly like this website https://elliotkohn.co.il/

[Debular]

I made something similar with CSS for your theme. Please add it to your Custom CSS.

@media only screen and (min-width:992px){

.shopify-section-header-sticky{

position: fixed;

width: 100%;

top: 40px;

transition.0.32s

} 

.shopify-section-header-sticky sticky-header{

background:transparent;

}

.scrolled-past-header{

background:#fff;

top:0;

transition:0.32s

}

.shopify-section-header-sticky:not(.scrolled-past-header) .header__heading-logo

filter:brightness(0) invert(1);

}

.shopify-section-header-sticky:not(.scrolled-past-header) *{

color:#fff;

}

}

[adelta]

Hi!

unfortunately, i cannot save it, it gives me an error "online store editor session cant be published"

Also before trying to saving it, when the menu is transparent, the logo is in Black (not in white) and the drop down menu titles disappeared, only when you scroll down you can see again the drop down menu.

in mobile is not working the same way and the drop down menu disappeared as well

[Debular]

there was mistake in my code. Sorry.

@media only screen and (min-width:992px){
.shopify-section-header-sticky{
position: fixed;
width: 100%;
top: 40px;
transition.0.32s
} 
 
.shopify-section-header-sticky sticky-header{
background:transparent;
}
 
.scrolled-past-header{
background:#fff;
top:0;
transition:0.32s
}
.shopify-section-header-sticky:not(.scrolled-past-header) .header__heading-logo{
filter:brightness(0) invert(1);
}
.shopify-section-header-sticky:not(.scrolled-past-header) *{
color:#fff;
}
}

 Below is updated version.
This code is for desktop only.  

[adelta]

unfortunately, i cannot save it, it gives me an error "online store editor session cant be published"