Search box configuration and location

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

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

#access .is-menu.default form {
    max-width: 250px;
}

#access .is-menu.default form #s {
    width: 140px;
    margin-bottom: 0;
}

#access .is-menu.default form #submit-form {
    width: 90px;
    padding: 11px 17px;
}

li.is-menu {
    vertical-align: middle;
}

Best regards,
Ivory Search Support

Is it possible to replace the word Search with the looking glass icon, such as fa-fa, or similar to WordPress site?

The search form is displayed by the theme searchform.php file so you have to contact the theme developer to change it or you have to develop custom code.

Alternatively you can get support for it in our following priority support.

Priority Support

Also, please help with CSS to change the Search submit button background color. I want to match the color with another button on the header

You can change its color using below custom CSS code.

#access .is-menu.default form #submit-form {
    background-color: #03A9F4 !important;
}

The plugin works fine with more than 1 result, but somehow it’s different for a single result.

For instance, typing in “Santana Row” into the Search Box gives 1 result with distorted format, but if you type in “majestic”, there are 2 results in normaal format. Do you have an idea why?

Because for the two posts displayed of “majestic” search, one contains “majestic” word in the title and another one contains it in the content area as displayed in the attached screenshots.

Yes you are right, it is theme search results page issue which generates by search.php template file of theme.