Site logo

Archived topic

Navigation and search icon/box with trasnparent background

3 replies · Started by Cristina on March 16, 2018

Viewing posts 1–4 of 4

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…)

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;
}

Hi, thank you so much!

That solved it :)

No problem!

This archived topic is closed to new replies.