Hi Team,
Following this guide I’m able to add the CSS for horizontal scroll.
It looks good on the desktop.
However when i view on the mobile [HwaWei P10plus], the “image thumbnail” area seems unable to scroll with a “scroll bar” display like it could at desktop.
The code i use:
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 5px 5px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex: 1 0 25%;
flex: 1 0 25%;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: auto;
}
Could you guide me on how to make the product thumbnail able to scroll like desktop, with a “scroll bar” visible too?
Thank you.
Regards,
Melvin