how to add search icon

[olusegun]

i want to add search icon to my header area that displays search box when the icon is clicked

[Leo Customer Support]

Hi there,

This should help:
https://docs.generatepress.com/article/navigation-search/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[olusegun]

yes it did and i have activated it but i dont like the fact it create a transparent layer throughout the header, i want it in a drop down just below the header with a smaller block

[David Customer Support]

Hi there,

try adding this CSS:

.navigation-search {
    top: 100%;
}
@media (min-width: 1024px) {
    .navigation-search {
        width: 50%;
        left: 50% !important;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts