Breaks Shopping Cart display

  • Resolved teaneedz

    (@teaneedz)


    1 year, 5 months ago

    The shopping cart widget is used in the header but after the header shrinks, clicking on the shopping cart icon appears to only partially display.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    1 year, 5 months ago

    Hi,

    I see the problem you’re having. That happens because, like the icon, the shopping cart itself is inside of the header container. So, when the header shrinks, it affects everything inside of it.

    You can prevent this from happening with this code:

    .she-header-yes .elementor-menu-cart__container.elementor-lightbox {
        min-height: 100vh !important;
    }

    Unfortunately, that causes another problem when the header moves up to hide. I’m sure you’ll see what I’m referring to. You might be able to get that to look better with some styling. I don’t see an option in Elementor to change the page overlay color so you might want to add this code under the min-height

    background-color: rgba(0, 0, 0, 0);

    I hope this helps.

    Thread Starter teaneedz

    (@teaneedz)

    1 year, 5 months ago

    Yes! Thank you so much for the quick response. This works.

    Plugin Contributor Robert Wattner

    (@rwattner)

    1 year, 5 months ago

    Happy to help!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Breaks Shopping Cart display’ is closed to new replies.