How to add Responsive Table In Shopify Store

[Ankur2121]

Hi,

I am looking for two things for my product pages

1. How to make the table in product page resposive. It is showing fine in desktop, but not in mobile.

2. How to add border to the the table.

Kindly let me know if someone can help me with this.

Thanks

[KetanKumar]

@Ankur2121 

Yes, please try this code

https://codepen.io/AllThingsSmitty/pen/MyqmdM

[Ankur2121]

Hey,

Thanks for the response, when i post the html code, it works fine on desktop, but isn't responsive on mobile. I am attaching screenshots.

On Mobile

On Desktop

Kindly check.

Thanks a lot.

[KetanKumar]

@Ankur2121 

can you please sent store url 

[Ankur2121]

tradeuno.com/

[KetanKumar]

@Ankur2121 

can you please share product url also

[Ankur2121]

Hi,

Here is the product URL -

https://www.tradeuno.com/products/black-elephant-pattern-handblock-print-cotton-fabric-tu-4317

[KetanKumar]

@Ankur2121 

thank and sorry i can't see table code

[Ankur2121]

Contacted you. Kindy reply on skype

[FitFatTony]

I decided to use an HTML responsive table generator instead. Put everything in and copy the html code to the page on shopify. Worked perfectly.

[NerdChic]

@FitFatTony I'm thinking of doing this solution as well. But the converter uses bot HTML and CSS. Where did you add the CSS file?