[massibor]

Hi.
I added a table block on a site page, and I inserted the text in the table (2 columns). On my laptop the table is good, but in my smartphone it is not repsonsive, e the table formatting is wrong. there is a way to make the table responsive?
thank you

Massimo

[tikaram]

@massibor : Please post in your site URL so that I can check your site on a mobile device and provide you the required fix.

Regards,
Tikaram

[massibor]

Hi Tikaram,
here’s the page: https://www.rifugiocavallera.it/cucina-prova/
Regards,
Massimo

[tikaram]

@massibor : Login to your WordPress admin section.
Insert the /wp-admin/customize.php structure at the end of your URL.
For example, the URL  : https://www.rifugiocavallera.it/wp-admin/customize.php
Open the Additional CSS panel and add the following css.

.wp-block-table table {
  table-layout: fixed;
}
.wp-block-table table {
  line-height: 1.5 !important;
}
.wp-block-table table p {
  margin: 0 !important;
}

Let me know if this helps you out.

Regards,
Tikaram

[massibor]

Hi Tikaram,
thank you.
I did what you wrote, but when I click on publish button I get the error message “Markup is not allowed in css”
Regards,
Massimo

[tikaram]

@massibor : Please try copying the additional css given above and add it to your custom css from the customizer. If you are still having issues please let me know.

Regards,
Tikaram

[massibor]

Hi Tikaram,

I did it (see screenshot at https://www.rifugiocavallera.it/wp-content/uploads/2023/05/cavss01.jpg) but the problem was not solved.

thank you for your support. Regards,

Massimo

[tikaram]

@massibor : I will contact you shortly.

Regards,
Tikaram

[Author]

Posts