[Resolved] Added to cart banner translateY

Home Forums Support [Resolved] Added to cart banner translateY

Home Forums Support Added to cart banner translateY

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1520636
    nik9

    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

    #1520708
    David
    Staff
    Customer Support

    Hi there,

    you could try this CSS within your media query:

    #sticky-placeholder + .add-to-cart-panel {
         transform: translateY(125px);
    }
    #1520846
    nik9

    Thanks! 🙂

    #1521140
    David
    Staff
    Customer Support

    You’re welcome

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.