How to remove search bar from header in mobile version

Solved

How to remove search bar from header in mobile version

nemanja031000
New Member
7 0 0

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/

Accepted Solution (1)

zaczee
Globetrotter
855 46 42

This is an accepted solution.

HI,

 

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

 

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

 

View solution in original post

Replies 2 (2)

zaczee
Globetrotter
855 46 42

This is an 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
New Member
7 0 0

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.