Return to previous page

Header's shopping cart adjust - by yea73920

This topic has 2 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

yea73920

Participant

May 30, 2018 at 17:22

My header’s shopping cart icon will fall down, and money will display,

Could you tell me how to make the icon to the right place, and only show the number of items in cart ,not the amount?

https://imgur.com/a/NGDo25J

#193918 Copied Theme version: 4.3 WooCommerce version: 3.4

1 Answer

Rose Tyler

Support staff

May 31, 2018 at 08:26

Hello,

Please add this code in Theme Options > Custom css > Custom css for mobile:

.header .cart-summ:after {
    content: attr(data-items-count);
    position:  absolute;
    top: 0;
    right: 0px;
    color:  #fff;
    font-size: 9px;
    background: #b6a374;
    border-radius:  50%;
    display: flex;
    align-items:  center;
    justify-content:  center;
    min-width:  14px;
    min-height:  14px;
}
.header-type-2.slider-overlap  .cart-summ:after {
    top: 0;
    right: 15px;
}
.header .shopping-cart-widget .woocommerce-Price-amount.amount {
    display:  none;
}
.header-type-2.slider-overlap .header .cart-bag {
    padding-top: 0px !important;
}
.fixed-already .badge-number {
    top: 0px;
}

Regards

#193948 Copied