Hello there,

Thank you for writing in!

You can try to put this widget in Mobile Header Widget Area ,

And than you can try to change the position to position you like by adding this code to Appearance > Customize > Additional CSS:

.eltdf-mobile-header-holder .eltdf-shopping-cart-holder {

    float: right;
    right: 105px;
}
.eltdf-mobile-header-holder .eltdf-shopping-cart-holder .eltdf-header-cart .eltdf-cart-number {
    top: 13px;
}

Please let us know if there's anything else we can do for you!

Thank You,
Kind Regards,
Norah

Hi there,

We can suggest you some solution for this, but note that this is custom work and you can change it how you desire. First, remove this code:

And you can try to set up something like this:

@media only screen and (max-width: 375px){
    .eltdf-shopping-cart-holder {
        left: 54%;
    }
}
@media only screen and (max-width: 350px){
    .eltdf-shopping-cart-holder {
        left: 48%;
    }
}
@media only screen and (max-width: 425px){
    .eltdf-shopping-cart-holder {
        left: 60%;
    }
}
@media only screen and (max-width: 768px){
    .eltdf-shopping-cart-holder {
        left: 78%;
    }
}

Let us know if you manage this!

Best regards,

Marie

Hi there,

You're welcome!

For any other questions, let us know! 

Best regards,

Marie