Ausrichtung des Korbs in Shopify Mobile View

Question

Ich habe ein Problem mit der Ausrichtung des Korbes in der oberen Reihe, wenn meine Seite auf einem Handy angezeigt wird. Aus irgendeinem Grund erscheint das manchmal oben und manchmal unten und ich kann nicht herausfinden, warum das so ist und wo ich den Code ändern muss, um das zu beheben.

Würde mich wirklich freuen, wenn jemand beraten könnte. Ich habe ein Bild an diese zu zeigen, von einem mobilen und der Website selbst zu sehen ist:

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

Answer 1

Ich frage mich, warum es funktioniert sogar manchmal;)

Dieses div <div class="col-xs-12 col-sm-12"> hat eine relative Positionierung und <div class="top-header "> eine absolute Positionierung. Absolut positionierte Elemente werden relativ zum ersten positionierten Elternelement positioniert (was relativ, absolut oder fest bedeutet). Um das Verhalten Sie achive wollen zurückgesetzt einfach die relative Positionierung von <div class="col-xs-12 col-sm-12"> zu position: static

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