Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to remove cart icon on Empire Theme

Solved

Need help with removing cart icon on Empire Theme?

RyanRichie
Excursionist
19 0 6

been trying all different codes doesn't seem to work 

Thank You, Ryan Richard
Accepted Solutions (2)
Made4uo-Ribe
Shopify Partner
9085 2172 2680

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Made4uo-Ribe
Shopify Partner
9085 2172 2680

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
9085 2172 2680

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
RyanRichie
Excursionist
19 0 6

https://whitelinedist.myshopify.com/

We Do not sell publicly thanks,

Thank You, Ryan Richard
Made4uo-Ribe
Shopify Partner
9085 2172 2680

Its password protected. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
RyanRichie
Excursionist
19 0 6

password :123

Thankyou

Thank You, Ryan Richard
Made4uo-Ribe
Shopify Partner
9085 2172 2680

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
RyanRichie
Excursionist
19 0 6

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
9085 2172 2680

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
RyanRichie
Excursionist
19 0 6

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

Thank You, Ryan Richard