How to add Responsive Table In Shopify Store

Store Design
1

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

1 Like
2

@Ankur2121

Yes, please try this code

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

1 Like
3

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

Mobile.png
Mobile.png840×976 101 KB

On Desktop

Desktop.png
Desktop.png1068×438 85.9 KB

Kindly check.

Thanks a lot.

1 Like
4

@Ankur2121

can you please sent store url

5
6

@Ankur2121

can you please share product url also

7

Hi,

Here is the product URL -

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

1 Like
8

@Ankur2121

thank and sorry i can’t see table code

9

Contacted you. Kindy reply on skype

10

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.

11

@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?