Shopify Cart Counter не показывает выравнивание в планшете (IPAD)

Question

Привет, я пытаюсь создать магазин shopify, все идет отлично, но есть 1 проблема. Счетчик корзины не показывает выравнивание в IPAD. Есть код класса, который я использую «

span.countPill {
    background: #f0e3d3;
    border-radius: 50%;
    padding: 1px 6px;
    font-size: 10px;
    position: absolute;
    top: -8px;
    right: 0;
}

Я попробовал код медиа-запроса здесь

@media (min-width:767px) and (max-width:800px){
span.countPill{
background: #f0e3d3;
border-radius: 50%;
padding: 1px 6px;
font-size: 10px;
position: absolute;
top: 9px;
right: 0;
left: -3px !important
}

ссылка на сайт ЗДЕСЬ

Answer 1

Для размера от 768 до 991 пикселей оставьте ширину новой корзины равной 24 пикселя и измените отступ и верх в классе .navPages-mobile-container span.countPill, как я упоминал ниже:

@media (min-width:768px) and (max-width:991px){
.new-cart {
    width: 24px;
    margin-right: 2px;
}
.navPages-mobile-container span.countPill {
    background: #f0e3d3;
    border-radius: 50%;
    padding: 1px 7px;
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 0;
}
}