[Resolved] Search navigation looks weird

[Esteban]

Hi Tom and everyone one Generatepress

I dont think this is an issue but I would love if you will help me with a css solution
a have the following custom css on my site

.site-header {
display: none;
}
.main-navigation .site-logo.navigation-logo {
position: absolute;
left: 0;
top: 0;
}
.main-navigation .site-logo.navigation-logo img {
height: 80px;
padding: 0;
z-index: 2;
margin-top: -10px;
}
#site-navigation {
padding: 20px;
}

to display the navigation logo as a header. Its on your documentation pages but i think this css is making the searh icon on the menu looks very weird (it does not appear) I will thank if there is css trick to make it show propertly Thank you

[Leo]

Hi there,

Try this CSS:

.navigation-search {
    width: 60%;
}
.navigation-search.nav-search-active {
    left: auto;
}
.navigation-search input[type="search"],
.navigation-search input[type="search"]:focus {
    background-color: #bfbfbf
}

[Esteban]

Thank you looks way better now :). Maybe is a list of classes on your documentation

[Leo]

Too many to list.

We just use developer tool from the browser. Very handy knowledge if you want to develop more sites.

[Author]

Posts