Re: How to remove cart icon on Empire Theme

Solved

Need help with removing cart icon on Empire Theme?

RyanRichie
Excursionist
16 0 5

been trying all different codes doesn't seem to work 

Thank You, Ryan Richard
Accepted Solutions (2)
Made4uo-Ribe
Shopify Partner
6827 1629 2007

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:

Made4uoRibe_0-1711990899729.png

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!

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Made4uo-Ribe
Shopify Partner
6827 1629 2007

This is an accepted solution.

Do you mean to full width? Like this?

Made4uoRibe_0-1711992339610.png

If it check this one.

You have a code in the theme.css that default the width into 1400px.

Made4uoRibe_1-1711992482910.png

Change the max width into 100%.

Like this.

Made4uoRibe_2-1711992535903.png

And Save. 

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
6827 1629 2007

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!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RyanRichie
Excursionist
16 0 5

https://whitelinedist.myshopify.com/

We Do not sell publicly thanks,

Thank You, Ryan Richard
Made4uo-Ribe
Shopify Partner
6827 1629 2007

Its password protected. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RyanRichie
Excursionist
16 0 5

password :123

Thankyou

Thank You, Ryan Richard
Made4uo-Ribe
Shopify Partner
6827 1629 2007

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:

Made4uoRibe_0-1711990899729.png

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!

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RyanRichie
Excursionist
16 0 5

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?

Thank You, Ryan Richard
Made4uo-Ribe
Shopify Partner
6827 1629 2007

This is an accepted solution.

Do you mean to full width? Like this?

Made4uoRibe_0-1711992339610.png

If it check this one.

You have a code in the theme.css that default the width into 1400px.

Made4uoRibe_1-1711992482910.png

Change the max width into 100%.

Like this.

Made4uoRibe_2-1711992535903.png

And Save. 

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RyanRichie
Excursionist
16 0 5

Amazing, exactly what we wanted, thank you so much, you are a genius!! 

Thank You, Ryan Richard