Hi, I have read several posts on removing one or two icons, but there are three in my header: the search, the account, and the cart icon. Can someone please help me remove all of them?
Thank you,
T
@Original_Z - please share your website link, this will need CSS
Hi, @suyash1 , thank you
Hey @Original_Z .
Thanks for reaching out.
I appreciate that you have let us know which theme you are using as that is very helpful! Looking into the Debut theme, I noticed that we cannot remove the search, account and cart icons using the Theme Editor. However, you could change to the theme’s coding to have the icons hidden or removed from the header section of your online store. Since the Debut theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.
If you are interested in using the design time, you will need to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.
Let me know if you have any questions.
yes, please add this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.site-header__icon {
display: none;
}
@media only screen and (max-width: 749px) {
button.btn--link.site-header__icon.site-header__menu.js-mobile-nav-toggle.mobile-nav--open {
display: inline-block;
}
}
Please add below css in bottom of assets/theme.scss.css file
.site-header__icons {
display: none !important;
}
Thank you.
@Original_Z - please add this css to the end of your theme.scss file and check, should look like screenshot below
.site-header__icons-wrapper{display: none; visibility:hidden;}
Hello T!
Hope you are doing well.
Please add the below CSS in the theme.scss.css file at the bottom to remove the icons from the header:
.site-header__icons-wrapper {
display: none !important;
}
Hope this helps.
@KetanKumar , you are my hero, thank you so much!