Mini cart position (Header PRO)

Hi eveyrybody,
I have a very strange error when accessing mobile view on the https://duranteroma.it website.
In practice the “cart dropdown” is anchored at the top and only as soon as you start to scroll down does it move to the correct position.
How could I change the starting position of the mini cart?
Thanx!

Hey @scenaryo,

The dropdown should really start opening at the bottom of the toggle for this case. I’ll post this in our issue tracker but for now, please add the following code in the Cart Dropdown’s Element CSS. The code will make the dropdown content show up at the bottom of the toggle so you need to keep this in mind. If you’re going to increase the height of your bar so that the Cart Dropdown element will be located at the bottom of the screen, you will not see the dropdown content.

$el[data-x-stem*="u"] {
    bottom: auto;
    top: 100%;
}

Please also just note that we generally do not provide custom or override codes as part of our theme support.

Hope that helps.

1 Like

Hi Christian,
thank you so much, it works perfectly!

You’re welcome, @scenaryo.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.