Tables on mobile devices


I’m using quite a lot of tables on my blog and they work just fine until the width is below 400 px. Any suggestions what I could do to make them adjust properly?

Hey there,

I hope you are well today and thank you for your question.

You can achieve this by reducing the font size using media queries

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*shrink table font size at 400px*/
@media (max-width: 400px){
	  th {
    font-size: 10px;
  td {
    font-size: 10px;

Best regards,