Table responsive

[CarlavandenOuweland]

Hi,

On the i-phone 6 the table not fits: https://voedingscoachgilze.nl/tarieven/
Is it possible to make it smaller?

I’m waiting for your reply.

Carla

[rad]

Hi @CarlavandenOuweland,

Thanks for reaching out.

I tried but no luck, the table itself isn’t responsive. You should hide some columns to make it fit just like how other frameworks like Bootstrap control their tables. Table cell doesn’t break into a single column, so you’ll have to hide specific columns. OR, change content font size, like smaller. Example, please add this CSS to your global custom CSS.

@media ( max-width: 767px ) {
table {
font-size: 10px;
}
}

Hope this helps.