[Resolved] Transparent Menu Search

[Mindy]

Hello,

I am trying out the GP transparent menu and it’s great!

Is it possible to have the transparency go away when “search” is clicked? It’s difficult to see your own typing.

Thank you!!

[Tom]

Any chance you can link me to your page? That might be something I need to fix in the next version, but should be able to provide you with some code 🙂

[Mindy]

Thanks Tom! https://goo.gl/vWNB1d

It gets especially tricky on mobile, you end up typing over the logo. 🙂

[Tom]

Ah, give this a shot:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus {
    background: rgba( 0,0,0,0.5)
}

[Mindy]

That’s perfect! Thank you so much Tom!!! 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts