#41231
 Florian
Participant

Hi,
thanks for your reply.

I know the Hex Color Codes. I took only black for example in the code 😉

I tested again the css code and it is not working together.

.navbar-transparent .navbar .kleo-main-header.header-scrolled {
background-color: #000;
}
.navbar-transparent #header .is-sticky .kleo-main-header {
background-color: rgba(0,0,0,0.4) !important;
}

If I use the code separately, it work perfektly:
Only this:

.navbar-transparent #header .is-sticky .kleo-main-header {
background-color: rgba(0,0,0,0.4) !important;
}

or only this:

.navbar-transparent .navbar .kleo-main-header.header-scrolled {
background-color: #000;
}

but I need it together.

How I mean:
1. You load the website. => Menu is transparancy.
2. You scroll down the website. => Menu changes from transparancy to full color.

Example is attached 😉

Attachments:

Log in with your credentials

Forgot your details?