How to add Responsive Table In Shopify Store

Ankur2121
Tourist
5 0 3

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

Replies 10 (10)

KetanKumar
Shopify Partner
36839 3635 11972

@Ankur2121 

Yes, please try this code

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ankur2121
Tourist
5 0 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

On Desktop

Desktop.png

Kindly check.

Thanks a lot.

KetanKumar
Shopify Partner
36839 3635 11972

@Ankur2121 

can you please sent store url 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ankur2121
Tourist
5 0 3

tradeuno.com/

KetanKumar
Shopify Partner
36839 3635 11972

@Ankur2121 

can you please share product url also

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36839 3635 11972

@Ankur2121 

thank and sorry i can't see table code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ankur2121
Tourist
5 0 3

Contacted you. Kindy reply on skype

FitFatTony
New Member
4 0 0

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
Tourist
7 0 1

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

I guess I would be remiss if I didn't mention my store: https://nerdchicboutique.com/ Pop culture-infused fashion for gentlemen. Always free shipping.