But how to change the color to white then without that CSS?

I now used both, and it’s perfect for me this way..

You have added the CSS in the wrong place.

Just remove it from the menu class option and add it on the below path.

Ivory Search -> Settings -> Settings -> Custom CSS

Hi, thanks for the support!Hope you’re okay too 🙂

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.

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

First of all please remove the CSS code that you have added in the class as shown in the attached screenshot.

Then you can align 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 ul li.is-menu {
    vertical-align: top;
}

Best regards,
Ivory Search Support

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

Could you please share the page URL from your site where it is displaying so that I can help you to achieve it?

Best regards,
Ivory Search Support

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

.is-ajax-search-result .is-search-sections .left-section .thumbnail,
.is-ajax-search-result .is-search-sections .thumbnail img {
    max-width: 30px;
}

You are most welcome here 🙂

The only issue I now have is my that “WP Search Insights” plugin is not detecting any searches made through your plugin. But they said they will investigate it.

It should work as the Ivory Search plugin uses default WordPress search functionality.

Let’s see what “WP Search Insights” plugin developer finds out.