That the attribute tables can slide to see all the references

Hi,

I have two things…

1st
The attribute tables, when they have many, become quite long in some products and are hidden in medium screens.
When the table is displayed on small screens, it can be swiped with the mouse or finger (on mobile screens)
but on medium screens like a laptop, some references are hidden, the bar does not appear to slide the table and thus see what does not fit on the screen.

How can I make it so that on medium screens (and perhaps it would be good on any type of screen) you can also slide and see what doesn’t fit on the screen?
(video attached)

2nd
On the other hand, (I don’t know if it is convenient) it also occurs to me that perhaps the lateral spaces could be reduced, that is, widen the central part that contains the content. (image attached) is this possible?
If it is done, is there any contraindication?

I am awaiting your response.
Thank you!

Ana

Attachments:

You must be logged in to view attached files.

Hi,
Sorry, the video I made is very heavy and I can’t send it here, so I made a wetransfer so you can download it and watch it.

https://we.tl/t-RhxlhFYhIP

Thank you

Ana

Hello,

This is due to the table going out of the container.

https://take.ms/ORtAR

You can add the scroll for all devices to fix that:

.woocommerce-product-attributes tbody {
    overflow: auto;
}

Define it in Theme Settings -> Custom CSS -> Global custom CSS. Clear the cache and recheck the issue.

Kind Regards

[Author]

Posts