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

You can display the search form in your website header as described on the below page.

Display Search Form In Site Header

Then you can customize it using Search Form Customizer displayed in the plugin Customize section in its settings.

Best regards,
Ivory Search Support

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

I use Beaver Builder and i would like to customize te page with the search results.

The search results page is a dynamic page displayed by the search.php file of the theme that you are using on your site so the plugin doesn’t control how the pages and its text will be displayed on the search results page but your site theme controls it.

You can change this developing custom code in the search.php file of your child theme by contacting the theme author or consider hiring a developer to develop it for you. You can hire a developer from any freelance site or WordPress agency.

You can also consider hiring us to develop it for you using the form https://ivorysearch.com/custom-work/

At this moment the result page shows the excerpt. Can this be removed?

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

Besides this the search does something to the header. I adds a search form while this is not wanted.

Could you please share the screenshot of the issue so that I can troubleshoot it?

Best regards,
Ivory Search Support

Awesome great to see you got that resolved.

Please advise if you have more questions.

Have a fantastic day!

Your whole custom CSS should be as below.

body > div.is-menu-wrapper {
    top: 86px;
    right: auto;
    left: 0;
width: auto;
}

body > div.is-menu-wrapper span.is-menu {
    float: left;
    margin-left: 10px;
}

@media only screen and (min-width: 767px){
#header .is-menu form.is-search-form {
    max-width: 200px;
}

#header .is-menu form.is-search-form label {
    width: 72%;
}

#header .is-menu form.is-search-form input.is-search-input {
    max-width: 100%;
}

#header .is-menu form.is-search-form input.is-search-submit {
    padding: 7px 4px;
}
}

Please use below custom CSS code to reposition it on mobile.

body > div.is-menu-wrapper {
    top: 86px;
    right: auto;
    left: 0;
}

body > div.is-menu-wrapper span.is-menu {
    float: left;
    margin-left: 10px;
}