Product description chart is too long and needs padding for mobile

Hello, some of my product sizing charts are being cut off on the right side on mobile devices and it only happens with some of the descriptions (how I formatted them differently oops). Instead of going through over 100 products and changing the formatting is there any way to add padding or something else on the right side just for mobile for this area?

Thanks!

Hello,

I have checked the product, all the content is displayed correctly except the table. The table is not fully responsible by its nature, the only way to show it on mobile – to add the scroll. I provide custom CSS for that.

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .single-product-content #tab-description #size-guide {
    min-width: 360px;
    overflow-x: scroll;
    display: block;
}

Best Regards

Thank you so much!!

We are glad to help! Feel free to contact us if you have any questions.

[Author]

Posts