Cart buttons disappearing off bottom of page

  • Resolved pajangar

    (@pajangar)


    3 years, 6 months ago

    I’m using side cart on a catering website and it’s been working perfectly, but now when 11 or more items are added to the basket, the “continue shopping”, “view cart” and “checkout” buttons are no longer visible – they disappear off the bottom of the page. How can I fix this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter pajangar

    (@pajangar)

    Resolved

    Could you tell me how you resolved it? I’m having the same issue

    Thread Starter pajangar

    (@pajangar)

    I used CSS to tweak the padding and then set the slider overflow to scroll and the cart button margin.

    Heres’ my solution – I hope it works for you:

    .xoo-wsc-product {
    padding: 10px 10px;
}

.xoo-wsc-ft-buttons-cont {
    display: grid;
    text-align: center;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}

.xoo-wsc-container, .xoo-wsc-slider {
    max-width: 320px;
    right: -320px;
	overflow: scroll;
}

.xoo-wsc-ft-btn-cart{
    margin-bottom: 20px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cart buttons disappearing off bottom of page’ is closed to new replies.

Tags