I want to remove the profile and the chart from header.
please sea the difference between web and mobile.
I want to erase it in both version at all.
Thank you for your help.
Topic summary
A user seeks to remove the profile icon and shopping cart from their Shopify store header on both desktop and mobile versions.
Solutions Provided:
-
CSS Method (GTLOfficial): Add custom CSS to
base.cssfile usingdisplay: none !important;to hide the header icons. -
Alternative CSS (Moeed): Insert CSS code in
theme.liquidfile above the</body>tag to hide the elements. -
Complete Removal (Laza_Binaery): Suggests editing the
header.liquidfile directly to delete specific code lines (237-264 for customer icon, 273-288 for cart) rather than just hiding with CSS. Recommends backing up the file first.
Resolution: The original poster confirmed one of the CSS solutions worked successfully on both mobile and web versions.
1 Like
Hello @Artez
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
.header__icons.header__icons--localization.header-localization {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hey @Artez
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @Artez
You can hide it with CSS like others are suggesting but also if you want to remove ti completely you can remove a few lines.
Check
there whole section is starting, you can remove all or lines 237-264 for customer icon and 273-288 for cart.
Backup file and test.
Thank you Mr Proffesional. Works amazing on both mobile and web.