Reducing width, height of search box in menu

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 Admin Area -> Ivory Search -> Settings -> Settings

form.is-form-style span.is-search-icon,
form.is-form-style input.is-search-input,
form.is-form-style button.is-search-submit {
    height: 32px;
}

form.is-form-style span.is-search-icon {
    padding-top: 4px !important;
}

form.is-search-form.is-form-style {
    max-width: 60%;
}

Best regards,

Thank you for your prompt response!
While the CSS code has wonderfully done its job, the search box now seems to be left-aligned. Though the height has reduced proportionately from both the top and bottom of the box, the width has cut itself only from the right. This has actually created a blank space on the right in the navigation menu which otherwise is right-aligned.

Can you please help in getting the search box to appear on the extreme right of the menu and occupy a space proportionate to its reduced size?

I have now settled with the original width but changed the Search Form Style in Customizer. This style box is shorter in width, and it looks fine now.

Thanks for your efforts in creating this lovely plugin!

Best Regards,
Sukhvinder

You are always 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://www.ads-software.com/support/plugin/add-search-to-menu/reviews/

I’d really appreciate that. ??

And if I can be of any further assistance please don’t hesitate to ask.

Sure I will do just now. It’s my pleasure ??

Thank you very much!