Styling the Search Bar | WordPress.org

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

.is-menu .is-form-style input.is-search-input {
    height: 71px;
}

.is-menu.full-width-menu form.is-search-form {
    top: 0 !important;
}

.is-menu input.is-search-submit {
    margin-top: 17px;
}

Best regards,

Thanks for the speedy reply @vinod-dalvi – that works great for covering the menu bar. Is there an easy way to make the search button that appears when the input bar is loaded the same height as the menu bar (this would match with the menu style I have where the menu item highlighted is the full height/drop of the menu bar itself – full bleed).

Thanks again.

Think I’ve figured it out!