[Resolved] search box in primary navigation

[asaf]

Hi,

I need to place a search box in primary navbar like here: https://www.foodnetwork.com/

[Leo]

Hi there,

Looks like you’ve done this already?
https://www.screencast.com/t/Q3TlDpdsXI

Can you also make sure to do this first?
https://www.screencast.com/t/sAZU8h7bUcE

We also have the navigation search option in case you haven’t tried:
https://docs.generatepress.com/article/navigation-search/

[asaf]

hi leo,

thank you for the quick response

1) i need to unable the seach icon and show only the text box.
2) change the text inside the box.
3) round the box round.

[Leo]

1. Try this CSS:

.custom-search input.search-submit {
    display: none;
}

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

2. Try this filter:
https://docs.generatepress.com/article/generate_search_placeholder/
Adding PHP: https://docs.generatepress.com/article/adding-php/

3. Try this CSS:

.custom-search input.search-field {
    border-radius: 25px;
}

Let me know 🙂

[asaf]

thank you so much you are the best

[Leo]

Glad I could help 🙂

[Author]

Posts