Menu navigation top background color

Hi. Can´t seem to get the background color to #ffffff. It´s grey although i have set it to #ffffff? But when scrolling down the sticky header turns to white. Is there another place where i can change the background color, other then in customize - colors ?

BR
HC

Hello there,

Thank you for asking.

Could you please try to apply the following CSS code?

.top-bar{
  background-color: #fff;
  opacity: 1;
}

Let me know how it goes.

Regards,
Kharis

Thanks. It worked. And if i want it to be transparent when scrolling down?

To make it transparent as scrolling down, try to apply the following CSS code:

.is-sticky .top-bar{
  opacity: .3;
}

Let me know how it goes.

Regards,
Kharis

It worked but it almost gets invisible and the menu text dissapears.
With what can i change the % of opacity? Tried for an example:

.is-sticky .top-bar{
opacity: 50%;
}

but i doesnt work.

BR
HC

Hello there,

The opacity value is started from 0 to 1. If you wish 50%, use the following:

.is-sticky .top-bar{
  opacity: .5; /* equals 0.5 */ 
} 

Regards,
Kharis

Thanks!

Used:

.is-sticky .top-bar{
opacity: .9; /* equals 0.9 */
}

Perfect result. U guys rock!