Design style search box and conflict with side menu

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

I have your search on this page for searching posts https://edelsteen-atelier.nl/categorie/edelstenen/edelsteen-werking/

I would like to have that same style for my search on shop (woocommerce) https://edelsteen-atelier.nl/edelsteen/edelsteen-wissel-sieraden/

You are using AJAX search on woocommerce page, therefore, it is displayed differently.

The search form is displayed by the theme that you are using on your site so to match them you can change it by editing theme searchform.php file in the child theme as described in the following page.

How to create a custom search form in WordPress

If you are not a developer then you can 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 us to develop it for you using the form https://ivorysearch.com/custom-work/

I have 1 other issue with the ajax search I like to have the results on the result page and when I click that option and I execute a search on the website my menu “product met edelsteen op” disappears. Any idea why and how to solve this. Before search it looks like this (side menu intact) https://edelsteen-atelier.nl/edelsteen/edelsteen-wissel-sieraden/edelsteen-hanger-doorboord/

after search it looks like this (site menu “Product met edelsteen op” is gone) https://edelsteen-atelier.nl/?s=amethist&id=7823&post_type=product

That side menu is developed in such a way that it doesn’t display on WooCommerce product search results page like https://edelsteen-atelier.nl/?s=amethist&id=7823&post_type=product but it displays on other search results pages such as https://edelsteen-atelier.nl/?s=amethist&id=7823

It has nothing to do with the plugin.

Best regards,
Ivory Search Support

You can display the search icon next to search box by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

form.is-form-style-3 label {
    float: left;
    width: 83%;
}

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.