How to remove search bar from header in mobile version

[nemanja031000]

Hey,

I'm trying to find a code to remove the search bar from the header on my custom theme, so far I've used the below code for my web version but I can't find a version to remove it from the mobile version.

<style>
.d-flex.remover-icon-search {
display: none !important;
}
</style>

Link to my store: https://essencecool.com/

[zaczee · Accepted solution]

HI,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

#nav-item-search{
display: none !important;
}

[nemanja031000]

Thank you, it worked.

Can you help me with one more thing, if it's not a problem?

I would like to have a logo in the middle of the header in the mobile version.