Awesome, thank you! That did it.

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 have one additional question. How would I make the .is-form-style input.is-search-input { appear upon hovering on the search-icon instead of clicking on it? I had no luck finding this in the inspector.

You have to use below custom CSS code to achieve it.

ul.primary-menu > li.is-menu:hover .is-search-form,
ul.primary-menu > li.is-menu:hover .search-close,
ul.primary-menu > li.is-menu .is-search-form:hover,
ul.primary-menu > li.is-menu .search-close:hover  {
    display: block !important;
}

Please note that “ertont” and “ertönt” are two different words in technical terms.

In your shared product page content, the “ertönt” word exists but not “ertont” therefore the “ertönt” search finds the product page as displayed on the below page

https://artsongtranspositions.com/?s=erto%CC%88nt

But not “ertont” word as displayed below.

https://artsongtranspositions.com/?s=ertont

This is because you are using below custom CSS code on your website so please remove it to display the search results center aligned.

div.is-ajax-search-details, div.is-ajax-search-result {    
    width: 1190px!important;
    z-index:auto;
}

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

We can achieve it using CSS.

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

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

Could you please share your site URL where it’s displaying so that I can help you to remove it?

Best regards,
Ivory Search Support