Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
been trying all different codes doesn't seem to work
Solved! Go to the solution
This is an accepted solution.
Thanks, check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
/* to hide the cart */
.site-header-cart {
display: none;
}
And save.
Result:
You can add some comment to the code so if you like to make the card show then youll know which codes.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Do you mean to full width? Like this?
If it check this one.
You have a code in the theme.css that default the width into 1400px.
Change the max width into 100%.
Like this.
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @RyanRichie
Would you mind to share your store URL? Can i ask why you like to remove the cart Icon? It is important for the customer to see and click the cart.
Thanks!
Its password protected.
password :123
Thankyou
This is an accepted solution.
Thanks, check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
/* to hide the cart */
.site-header-cart {
display: none;
}
And save.
Result:
You can add some comment to the code so if you like to make the card show then youll know which codes.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you! It worked!! You are a life saver 🙂
While I have you hear, would you happen to have a code that will get rid of the excess white space on the left and right sides of the website?
This is an accepted solution.
Do you mean to full width? Like this?
If it check this one.
You have a code in the theme.css that default the width into 1400px.
Change the max width into 100%.
Like this.
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Amazing, exactly what we wanted, thank you so much, you are a genius!!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025