How can I make a table mobile responsive?

Shopify Discussion
1

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

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

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

4

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

Sonya_2025_0-1712648149456.png
Sonya_2025_0-1712648149456.png1922×671 68 KB

5

where you paste the code?

6

Capture.PNG
Capture.PNG488×458 14.4 KB

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

7

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

Capture.PNG
Capture.PNG488×458 14.4 KB

8

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

Sonya_2025_0-1712649427588.png
Sonya_2025_0-1712649427588.png1707×866 88.9 KB

Free free to reach out if any questions.

9

Removed but still the same