Show only search icon in navigation

Hi there,

that particular site is using a 3rd party search service.

For a simple search modal, we have just added that to GP 3.3 which is in Alpha release:

https://generatepress.com/generatepress-3-3-0/

See here for screenshot:

https://generatepress.com/a-new-navigation-search/

Hey David,

I already use a 3rd party search service and I successfully followed their Site Search Integration instructions.

Now I just need a simple, static search icon that users can click on.

See my reply here:

https://generatepress.com/forums/topic/css-selector-for-search-icon-in-menu/#post-2463907

Thanks!

Any idea why the cursor doesn't change to a hand pointer when I hover over the icon?

Because the clickable element isn't a link - it will need some CSS to make it so.
Can i see your site with the icon in place? Then i can see what ID/Classes to style.

Hey David,

Here, have a look.

Try adding this CSS:

#grow-me-search {
    cursor: pointer;
}

Perfect :)

Appreciate the support.

You're welcome

Hey, David!

How can I follow this and add a search icon in my custom header creating using the Elements?

Hi there,

this topic was related to a 3rd party search option. What would your requirement be ?

I am using GeneratePress and created by navigation bar using Block Element.

I just want to add a search icon at the right side in the Nav bar so users can search, that’s it!

Hi Ravi,

You can try adding a WordPress Search Block to your Block Element.

Reference: https://wordpress.org/documentation/article/search-block/

I already did, it is adding an entire search field along with the search icon

I only need a search icon.