Remove Search Bar on Header/Top Menu

Hi,

Im struggling to remove the search bar on the top menu by the header area. I tried using the code below but it doesnt work and shows error when adding to the custom css box.

.site-navigation-inner .nav-search {
display: none;

see photo attached for the reported error.

Hello there,

I hope you are doing well today.

You can use the following CSS code to remove the search bar by going to Appearance > Customize > Additional CSS and pasting it there.


/*Search bar removal*/
.nav-search {
    display: none;
}

Best Regards,
Support