How to disdable background on active menu items

Hey @edavis10:)

Go to Appearance —-> Customize —-> Additional CSS and Paste the following code:

.elementor-997 .elementor-element.elementor-element-6cb05a9e .elementor-nav-menu--main .elementor-item:hover, .elementor-997 .elementor-element.elementor-element-6cb05a9e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-997 .elementor-element.elementor-element-6cb05a9e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-997 .elementor-element.elementor-element-6cb05a9e .elementor-nav-menu--main .elementor-item:focus {
color: black;
}

Hello,

Thank you all for your answers. However, none of these seem to work.

Thank you,

Emma

Hey @edavis10

I was a bit unclear with what you wanted removed therefore maybe the code didn’t work as you expected. It would be really helpful if you could attach a screenshot, use this: https://snipboard.io/ – marking parts which u want removed.

Here is an example. When I am on the Nutrition page, the menu item has a light purple background. I don’t want that to be there. https://snipboard.io/fRawKo.jpg

@edavis10 Okay i got it.

Use this:

.elementor-997 .elementor-element.elementor-element-66313cd .elementor-nav-menu--main .elementor-item {
background-color: #00000000;
}

Unfortunately, that didn’t work either.

Hey @edavis10

I apologize but it seems i took the wrong id, here it is:

.elementor-997 .elementor-element.elementor-element-78f8fd4 .elementor-nav-menu .elementor-item {
background-color: #00000000;
}

That worked! Thank you! Do you know how I could also remove it from this menu? https://snipboard.io/eadB1s.jpg

@edavis10

Here you go:

.elementor-997 .elementor-element.elementor-element-6cb05a9e .elementor-nav-menu .elementor-item {
background-color: #00000000;
}

You’re the best!! Thank you!