Menu search box stylе

I hope you are well today and thank you for your question.

You can achieve this by setting the Menu search form style to popup as described in the below page.

Change Menu Search Form Style

You have to develop custom CSS code to match the exact style of the popup displayed in your shared screenshot.

Best regards,
Ivory Search Support

Could you please share your site URL where it’s happening so that I can troubleshoot it?

It seems you have shared your site screenshot but missed to share your site URL so could you please share it as requested above?

It disappeared because the Ocean theme that you are using on your website also styles the popup class.

You can display it by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

.main-navigation li.is-menu.popup {
    position: static !important;
    display: inline;
    background: transparent;
}

div#is-popup-wrapper {
    opacity: 0.6;
    background: #000;
}

div#is-popup-wrapper input.search {
    width: 100%;
}

To resolve it, just change the above shared CSS code as below.

.main-navigation li.is-menu.popup {
    position: static !important;
    display: inline !important;
    background: transparent;
}

div#is-popup-wrapper {
    opacity: 0.6;
    background: #000;
}

div#is-popup-wrapper input.search {
    width: 100%;
}

You are most welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

I’d really appreciate that. 🙂

And if I can be of any further assistance please don’t hesitate to ask.

Thank you very much!