[Dylan Doskicz]

I would like my top navigation menu to have a completely black background without any opacity. I have changed this in the customizer options, however the left side of the menu where the logo resides continues to have an opacity.

How can I change the whole menu at the top to be black without any opacity?

Thanks!

[Mahesh]

@dosk: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.is-sticky {
    background: rgba(0, 0, 0, 1);
}

Regards,
Mahesh

[Dylan Doskicz]

Worked perfectly, thank you!

[Dylan Doskicz]

One more question. When I scroll down the page, I noticed that the menu is still showing up as an opacity at first before it becomes completely black. It happens as the identity logo shrinks and the menu becomes fixed at the top. Is it possible to completely remove this opacity?

[Mahesh]

@dosk: Add the following CSS:

#masthead {
    background: #000;
}

Regards,
Mahesh

[Author]

Posts