Archived topic
Added to cart banner translateY
3 replies · Started by nik9 on November 6, 2020
Viewing posts 1–4 of 4
Hello,
We just configured the secondary navigation / header and it work nice. But we saw that the added to cart banner has a strange position. This is coming from this CSS here:
@media (min-width: 992px)
.add-to-cart-panel {
transform: translateY(85px) !important;
pointer-events: none;
}The secondary header is not sticky. Means after a user scrolls down, everything is nice. But when a user add something to the cart when he is at the top of the page, it looks strange.
Is it somehow possible to give adjust the PX value from transform: translateY(85px) to 125px when a user is at the top of the page and 85px when sticky header is available?
Cheers
Hi there,
you could try this CSS within your media query:
#sticky-placeholder + .add-to-cart-panel {
transform: translateY(125px);
}Thanks! :)
You're welcome
This archived topic is closed to new replies.
