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

Replies 2 (2)

dmwwebartisan
Shopify Partner
12289 2547 3698

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
meo_me
Excursionist
20 0 13

HI, I tried the same code but not working, I did a table in page, However, the page is not responsive? What's needed to do and make it responsive? should I write some codes in the CSS? 

 

Thanks