How can I make a table mobile responsive?

[learningdesign]

tubbscoffeeroasters.com/products/virtuoso-conical-burr-crinder

Please check the table below in this page its not mobile responsive can some one send me code 

[DigiDecoded]

section#shopify-section-template--16356924489775__custom_liquid_hU4F6x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[learningdesign]

i have paste this code in theme.liquid  but in mobile its still the same not responsive

[DigiDecoded]

where you paste the code?

[learningdesign]

its responsive on mobile now but please need some paddings on side and a block below if you can send me code for that

[Sonya_2025]

Hi, pls try to remove the fixed table width. Then it will be mobile responsive.

[learningdesign]

how to make the below block line so its looks good  and on side  give some padding can u please send me code for this also

[Sonya_2025]

Hi, the div have padding already. you need to remove all the fixed width for the table

Free free to reach out if any questions.

[learningdesign]

Removed but still the same