Site logo

Archived topic

Search Box& Color problems when the "Hide when scrolling down" function is enabl

4 replies · Started by Samuel on November 3, 2018

Viewing posts 1–5 of 5

I read this article and use the recommend Stylesheet:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active {
    color: #3f3f3f;
    background-color: #3f3f3f;
}

it works fine. But when the "Hide when scrolling down" function is enable, then i get this problem: https://prnt.sc/ldzr05

The stylesheet does not apply. Interestingly, this only happens on the subpages. The start page fits so far. Can someone give me a little tip on how to change the code so that it works when the function "Hide when scrolling down" is activated?

Try adding :focus to it:

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

Let me know :)

A CSS guru. Thank you!!!!

You're welcome :)

This archived topic is closed to new replies.