Change Top menu background color

I’s like to know that too.

Hi Sokrates,

In Appearence – Customize – Header Design – Color and Others
set the the Header Menu Background same to Topbar Background

Yo will still notice some transition effect which I find cute but that maybe you don’t like. To disable this effect, on child theme css add:

#nav-topbar.nav-container {
    webkit-transition:none;
    transition: none;
}

Hi Soykatorce,
it is not working. The setting changes the Top menu background only when I am on the top of the page.
When scrolling down using mouse wheel, the color changes to black.

• This reply was modified 7 years, 11 months ago by sokrates4612.

Please send me your site URL

Hello,
the URL is: https://www.alinka.sk
Thanks for help.

Sokrates,

Try following in your child theme CSS or in Customize/Advanced Options/Additional CSS

.is-scrolled #header .nav-container.mobile-sticky {
     background-color: rgba(225,157,174,0.8)!important;
}

Good luck

Pls read the following
Topbar Background Color

This one really works: Topbar Background Color

Thanks a lot!