Replace "Your-Cart" from topbar with icon

Your friend has the premium version so the options are a little different. With the free you can add a shopping cart icon through the icon menu and link it to the cart page. It just wont show your cart total.
Hope that helps.

Hannah

I forgot to mention That I / my friend have/has the premium theme, too. ??

It was a misunderstanding. The linked website is just an Exempel and not a Website by a friend. ??
So I Can go with a Premium Solution ??

Sorry, I completely mis-read that.
Try just removing the content part of the css. So it would be this instead:

.kad-cart-total {
position: relative;
}
.cart-contents {
text-indent: -9999px;
min-width: 70px;
}
.cart-contents .amount {
text-indent: 0;
position: absolute;
right: 10px;
}
.cart-contents .amount:before {
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
padding-right: 10px;
}

Let me know if that works for you!

Hannah

Also, in the future please use the premium support forums:
https://www.kadencethemes.com/support-forums/forum/virtue-theme/

Thank you, but that didn’t work for me.
“Your Cart” is removed now, but the cart icon is also removed.
How can I get the icon back?

For future question I will use the premium forum! No worries.

I’m not sure i’m following. What is the link to your site?

Kadence Themes

Ok. I see. It’s very confusing now. Sorry for that. Please forget everything.

I want to try another way.
I added the “Mini Cart Icon” to my menu. Is it possible to change the icon? Currently its “icon-cart”. I would like to have “icon-basket”. Thats it.
I think this should work with few lines of css?

thank you so much for your patient.

Great support!

Ok but what is the link to your site?

Kadence Themes

https://www.mybeachtime.de

thank you ??

You can add this css in your theme options > advanced settings:

#nav-main ul.sf-menu>li.menu-cart-icon-kt>a i:before {
   content: "\e0ce";
}

Kadence Themes

Thank you. ??

Now I have “e0ce” instead of the basket icon.
I tried to insert “icon-basket” for the “e0ce” in content. But it was too easy that this could work.
So now I have to insert the basket icon as an image?

Your code is missing the slash?

See the code I posted above has a slash.

Kadence Themes

Ofcourse it has a slash.

I tried:

#nav-main ul.sf-menu>li.menu-cart-icon-kt>a i:before {
   content: "\icon-basket";
}

and your code. But I always get only the string and not the icon. :/

Hmm, it’s strange, when I look at your site I see this in your custom css box:

#nav-main ul.sf-menu>li.menu-cart-icon-kt>a i:before {
   content: "e0ce";
}

I tested and it seems the slash is being stripped out in the theme options. I’ll have to look into that.

Can you try placing the css in a child theme style sheet or try using a plugin for the custom css?

Kadence Themes

Or you can installed this plugin : https://www.ads-software.com/plugins/redux-framework/

Then the theme options won’t save strange.

Kadence Themes