How can I remove a search bar and icon from my custom theme product page?

[nemanja031000]

I'm using a custom theme on Shopify, and I want to remove the search bar and one more thing on the product page. I tried every method that I could find, but it didn't work. I don't have the base.css file also. In following screenshot is the other thing I want to remove. Thank you in advance.

[webwondersco]

@nemanja031000 ,

Could you please share your store URL and share what to hide with a screenshot?

[nemanja031000]

https://essencecool.com/

Do you need this link? And there is nothing to remove except the search bar. I figured out that other thing. 

[Moeed · Accepted solution]

Hey @nemanja031000 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

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

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[nemanja031000]

Thank you so much. It worked.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[nemanja031000]

Well, I just realized that it didn't remove the search bar from the mobile view.

Can you help me with that?

[webwondersco]

@nemanja031000 , would you like to hide the header search bar?

if yes then open your customize screen and check your header settings you'll find the option to hide or show the search bar.