Dawn Theme Responsive Table in Mobile

Notschger
Excursionist
17 1 5

Hello

My Shop: https://customicezurich.com/ Password: notschger

I created a table on my Sizing page. The problem is on the mobile version it is still full length. I would like to have it responsive (one should be able to scroll through it but the page should remain the mobile size version).

Screenshot 2021-11-04 163534.png

How can i fix that?

Thanks in advance

Reply 1 (1)
dmwwebartisan
Shopify Partner
9829 2237 3078

@Notschger 

Please add following css code your assets/component-rte.css bottom of file.

@media only screen and (max-width: 749px) {
table.sizingchart td, table.sizingchart tr {
    padding: 2px 2px !important;
    font-size: 1.2rem !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →