Hi, i have a situation.
It’s about the minicart of the woocommerce.
On mobile (not only), if i add to many items in the cart it goes out of the viewport.
This means, the user cannot scroll to the checkout and cart buttons so he can finish his order.
Do you have a solution for this? I mean, without writing css code because i already did this, but i cannot figure out how to always show the scroll bar on mobile devices. The problem is solved, but the scroll bar does not appear and the user may not know he needs to scroll in the minicart to reach the buttons.
This is the code:
.tdw-wmc-widget-inner {
max-height: 400px;
overflow-y: scroll;
position: relative;
-webkit-overflow-scrolling: touch;
background-color: white;
}
Waiting for your reply.
Hello,
Please provide the link to your website.
Thank you!
Hello,
Please delete the above code and use this code body .tdw-wmc-widget-inner {
scrollbar-width: auto!important;
scrollbar-color: inherit!important;
}
The css should be set in the theme panel > custom code> advance css > phone section.
Thank you!
Hi,
It does not work.
On mobile, i don’t have a cart with scroll bar and both checkout and cart buttons are out of the viewport.
Thanks
Hello,
I would like to take a look. Can you please email us at contact@tagdiv.com with the wp-admin access and include the link to the topic in the email?
Thank you!
