[Resolved] Navigation and search icon/box with trasnparent background

[Cristina]

I have the search bar enabled (far right), but i also have the menu with a transparent background.
My problem is:
When i click the search and suppose i start typing, i can see the menu bellow, so is confusing.
Anyway to put only when search slides open a ” white background” above menu to see the typing?

I’ve searched the files, but i can’t find that style (and don’t want tom mess things up…)

[Leo]

Hi there,

Try this CSS:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus {
    color: #000;
    background-color: #fff;
}

[Cristina]

Hi, thank you so much!

That solved it 🙂

[Leo]

No problem!

[Author]

Posts