Solved

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

marketingapt1b
Excursionist
43 0 7

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/

 

Accepted Solution (1)

Moeed
Shopify Partner
3772 954 1185

This is an 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:

Moeed_0-1693569397644.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
3772 954 1185

This is an 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:

Moeed_0-1693569397644.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
draevis
Visitor
1 0 0

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

 

dbuglab
Shopify Partner
473 51 50

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>

 

dbuglab_0-1693569802260.png

 

banned
marketingapt1b
Excursionist
43 0 7

Thank you so much! It works!

Moeed
Shopify Partner
3772 954 1185

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.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Beae_Anthony
Shopify Partner
436 167 175

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

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog