no scrollbar on phone

  • jitske

    (@jitskepaladijncom)


    8 years, 1 month ago

    Hi,

    Since the latest update the cart tab looks completely different. This is OK, but on a phone the scrollbar is gone. So if I add more than 4 products, I can’t see the checkout button anymore.

    How to solve this?
    https://www.dragenenzo.nl

    This is in my CSS:
    .woocommerce-cart-tab-container {
    display: block;
    }
    @media screen and (max-width: 480px) {
    .woocommerce-cart-tab-container {
    width:80%!important;
    max-height: 100% !important; }

Viewing 1 replies (of 1 total)

  • Hi

    Add this css.

    
@media (max-width: 767px) {
.woocommerce-cart-tab-container {display: block !important;}
.woocommerce-cart-tab {width: 45px !important;height: 45px !important;}
.woocommerce-cart-tab-container .widget_shopping_cart ul.product_list_widget {height: 200px !important; width:95% !important;overflow: scroll;}
.woocommerce-cart-tab-container .widget_shopping_cart .total{text-align:right !important;}
}

    Thanks
    Ahir

Viewing 1 replies (of 1 total)
  • The topic ‘no scrollbar on phone’ is closed to new replies.