Archived topic
Search navigation looks weird
3 replies · Started by Esteban on December 27, 2017
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
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
}Thank you looks way better now :). Maybe is a list of classes on your documentation
Too many to list.
We just use developer tool from the browser. Very handy knowledge if you want to develop more sites.
