Search icon at navigation bar

[rawmix]

Hi

I’m trying to have the search function similar to your website. https://ajaxsearchpro.com/

I will like to show the search icon and when click, the search field will slide out.

I read through the documentation but couldn’t figure out how to do it. Can you advise me, please?

Best Regards
Din

• This topic was modified 1 year, 2 months ago by Ernest Marcinko.

[Ernest Marcinko]

Hi Din,

The best and easiest way to replicate that is to place a custom HTML block into the header (to have correct relative positions for the search container) with the search shortcode. It differs for every navigation, but generaly this:

<div style='position:relative;min-width:70px;min-height:60px'>[wd_asp id=1]</div>

This will output the search wrapped into a relative container. Now, going to the plugin search instance settings, use the following configuration: https://i.imgur.com/nEbu81S.png

You may have to adjust the min-height on the container code, and maybe the top value on the settings, but this should do it 🙂

• This reply was modified 1 year, 2 months ago by Ernest Marcinko.

[rawmix]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[rawmix]

You cannot access this content.

[Author]

Posts