How can I hide the search bar button in the Lorenza theme?

Store Design
1

Hello,

could you give me advice how to hide search button from the header in Lorenza theme.

I did not find the right code.

Thank you! : )

Galin

2

Hi @galin_amity_des

Welcome to the Shopify forums!

Would you mind sharing your store’s URL so we can provide a solution for your issue? Thanks!

3

Yes,

https://bo5gk6onmwxtqmt0-59385249984.shopifypreview.com

Thank you for the quick reaction!

4

Please add the following code to your index.css file at the very end:

/*Hide Search Button*/
li.header__icon.header__icon--search {
    display: none;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

1 Like
5 
.quick-search {
    display: none !important;
}

@galin_amity_des Add this code at the bottom of the index.css file

1 Like
6

Yeah, excellent!

Thank you again! :slightly_smiling_face:

1 Like
7

Sorry, one more thing, how to do it the same but for mobile version. : )

8

There you go! Use that code:

li.drawer-menu__item.drawer-menu__item--search {
    display: none;
}

Cheers!

1 Like