Can't change MENU box background color

.navbar-inner {
    background: red;
}

Super! Thanks that worked. Now I also need to change the DROPDOWN MENU background color.

See this Snippet

Snippet doesn’t work

Link to site, and what isn’t working?

https://www.pizzaflix.TV

The snippet didn’t change anything. When scaled down to cell phone size, the NAVBAR menu turns into a dropdown list. I changed the color of the NavBar to GREY, but the dropdown is still WHITE.

Thanks for your HELP.

PF

Target this I think is what you want:

.nav-collapse.tc-hover-menu-wrapper {
    color: red;
}

Thanks B — will give it a shot — PF

It didn’t make any changes. Here’s my link: https://www.pizzaflix.TV

Does it matter where I paste it in my custom CSS? Thanks

Sorry, that should have been background.

.nav-collapse.tc-hover-menu-wrapper {
    background: red;
}

THANKS — YES — this changed the background color! But… the mouse over hightlight leaves a white line thru each menu item (?) https://www.pizzaflix.tv

This will remove the line and give space so the white box on hover doesn’t overlap the other menu items.

.nav-collapse.tc-hover-menu-wrapper ul li a {
    border: none;
}
.nav-collapse.tc-hover-menu-wrapper ul li {
    margin-bottom:4px;
}

If you want to remove the box and line:

.nav-collapse.tc-hover-menu-wrapper ul li a {
    border: none;
}
.nav-collapse.tc-hover-menu-wrapper ul li a:hover {
    background: none;
}

batharoy YOU ROCK — THANK-YOU SO MUCH! You are the master!

If I’m not pushing my luck… Is the a way to REDUCE the size of the drop down? I would prefer it be the same size as the longest menu item.

Thanks again for your help.

.nav-collapse.tc-hover-menu-wrapper {
    width: auto;
}