How to remove search bar from header in mobile version

Store Design
1

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.

.d-flex.remover-icon-search { display: none !important; }

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

2

HI,

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

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

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.