Shopify 购物车计数器未在平板电脑中显示对齐 (IPAD)

Question

嗨，我正在尝试建立 shopify 商店，一切都很完美，但有 1 个问题购物车计数器未显示 IPAD.there 中的对齐是我正在使用的 class 代码 '

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
}

网站 link 是 HERE

Answer 1

对于 768ps 到 991px 的大小，将新购物车的宽度保持为 24px，并更改 .navPages-mobile-container 中的填充和顶部 span.countPill class 如下所述：

@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;
}
}

Shopify 购物车计数器未在平板电脑中显示对齐 (IPAD)

Shopify Cart Counter not showing align in Tablet (IPAD)

css

shopify

responsive