How can I make my Dawn theme table mobile-responsive?

Store Design
1

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
Screenshot 2021-11-04 163534.png502×806 21.5 KB

How can i fix that?

Thanks in advance

2

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

3

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