Header's shopping cart adjust - by yea73920

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

  • Avatar: yea73920
    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?


    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 31, 2018 at 08:26


    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;


  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.