Position search icon

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

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.