Remove search box from menu bar

Hello @rolfbosboom,

You can remove the search box with the help of custom css. Please apply the below given css under Appearance -> Customize -> Additional Css-

.main-navigation form.search-form {
display: none;
}

I hope the above was helpful.

Kind regards,

Manoj

Hello Manoj,

Job done! Thank you for your quick response.

Rolf

I’m glad it’s resolved!

Please, let us know if you need anything else.

This helped me in removing the search from the main website, but the search still shows up on the mobile menubar. Is there a separate place to set that?

Hi @blitheringguru ,

Use the following code also please:

main-navigation.toggled .search-form {
    display: none;
}

Thanks,
Savvas

It didn’t work on first try, but then I noticed the missing dot before main and it works perfectly.
Thanks.

I am glad it worked!

Thanks,
Savvas