How can I temporarily remove the cart icon and search bar in my header?

[marketingapt1b]

Can you help me to remove the cart icon and search bar in header part temporarily? I tried some of the code from community but its not working. My store link is: https://kitchen1b.com/

[Moeed · Accepted solution]

Hey @marketingapt1b 

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>
.header-actions.header-actions--buttons.header-actions--show-search.portable-hide {
    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

[draevis]

i tried it on my theme and did not work what can i do

[dbuglab]

Hi @marketingapt1b 

Please follow these Steps:

1) Go to Online Store
2) Edit Code
3) Please find theme.liquid file
4) Add the following code above </head> tag

<style>
.header-actions.header-actions--buttons.header-actions--show-search.portable-hide {
    display: none !important;
}
</style>

[marketingapt1b]

Thank you so much! It works!

[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.

[Beae_Cass]

Hi @marketingapt1b ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.header-actions {
    display: none !important
}
</style>

Best regards,

Anthony