"Search" option in social menu

[ISA2019Madrid]

Hello,
Our primary menu is too long. Is possible to show “search” with top social icons menu, behind facebook, twitter and more? And other items as language selector?

Regards,
Eva

[Zex]

Hello, Eva!

I found that perhaps the easiest way to do this is by using the following two plugins:

Shortcode in Menus
and
Ivory Search – WordPress Search Plugin

Please follow the next steps to do that:

1. Install and activate both plugins.
2. Go to the Dashboard->Ivory Search->Search forms… and copy the “Default Search Form” shortcode, or create your custom search form if you want…
https://prnt.sc/mi93x1
3. Go to the Dashboard->Appearance->Menus and create the new menu.
https://prnt.sc/mi959q
4. Paste the search form shortcode in the “Shortcode” menu form and add it to your new menu.
https://prnt.sc/mi973z
5. Set your search menu as “top_menu”.
https://prnt.sc/mi9abt
6. Enable the “Top navigation” from the Customizing->Header->General(Header “V1” or “V3”) menu.
https://prnt.sc/mi985v

If you followed the above steps, now you should have a search field on the top-left corner.
https://prnt.sc/mi9ct1

Of course, now you can turn off the search on the main menu.
https://prnt.sc/mi9cip

I do not know which exact translator plugin you are using, but probably with the help of “Shortcode in the Menus” plugin, you can also insert the language selector.

Please check the video guide I made for you:
Top-menu custom Search Form
P.S If you want your search box to be on the right, behind the top social icons, insert the following code into Customizing-> General-> Additional CSS:

#top-bar-wrap .pull-left{
    float:right;
}

Regards

• This reply was modified 4 years, 4 months ago by Zex.

[ISA2019Madrid]

Owwwwuuuuu!
Great job, Thank you so much Zex!!!

Regards,
Eva

[Zex]

I’m glad I could help 🙂

[Author]

Posts