How can I make a table mobile responsive?

learningdesign
Shopify Partner
126 1 15

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 

Replies 8 (8)

DigiDecoded
Shopify Partner
158 19 18
section#shopify-section-template--16356924489775__custom_liquid_hU4F6x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
learningdesign
Shopify Partner
126 1 15

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

DigiDecoded
Shopify Partner
158 19 18

where you paste the code?

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
learningdesign
Shopify Partner
126 1 15

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

Sonya_2025
Shopify Partner
163 23 32

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

 

Sonya_2025_0-1712648149456.png

 

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME
learningdesign
Shopify Partner
126 1 15

Capture.PNG

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
Shopify Partner
163 23 32

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

 

Sonya_2025_0-1712649427588.png

 

Free free to reach out if any questions.

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME
learningdesign
Shopify Partner
126 1 15

Removed but still the same