Shopify Mobile View中的篮子对齐方式

Question

在移动设备上查看我的网站时，我似乎遇到了在顶行对齐篮子的问题。出于某种原因，这有时会出现在顶部，有时会出现在底部，我无法弄清楚为什么会这样，我需要修改代码以解决这个问题。

如果有人可以提供建议，真的很感激。我附上了一张图片，以便通过手机显示这一点，网站本身可以在以下网址看到：

[https://defineclothing.co/][ ] 1

Answer 1

我想知道为什么它有时会起作用;）

此div <div class="col-xs-12 col-sm-12">具有相对定位，<div class="top-header ">具有绝对定位。 绝对定位元素相对于第一个定位的父元素（这意味着相对的，绝对的或固定的）定位。为了实现您想要的行为，只需重置<div class="col-xs-12 col-sm-12">到position: static的相对位置

<div class="col-xs-12 col-sm-12">
    <div class="top-header ">
        ....
    </div> <!-- End Top Header --> 
 </div>