How can I make my table mobile responsive?

[learningdesign]

https://npx8c4rz2s1kg6zq-55419666479.shopifypreview.com/products_preview?preview_key=2e9a31fe0a92fff...

in this link please check the specification below its not mobile responsive 

can some expert please send me code 

Thank you

[BrewBrains]

section#shopify-section-template--16346580516911__custom_liquid_hU4F6x {
    overflow-x: auto;
}

@learningdesign  Paste this css to your theme.css file and your issue must be resolved. 

[learningdesign]

it did not work

[learningdesign]

Some one please help me in this

[BrewBrains]

where did you paste the css, can you try another way?

Can you paste this css before </body> tag on theme.liquid ?This should work. 

<style>
@media only screen and (max-width: 600px) {
.features--button-transition section#shopify-section-template--16346580516911__custom_liquid_hU4F6x {
    overflow-x: auto !important;
}
}
</style>

[learningdesign]

Still did not worked sir

[BrewBrains]

I checked and seems it is working. Can you confirm? @learningdesign