Issues with the responsive extesion

Hi,

thanks for the post, and sorry for the trouble.

I can see what you mean, and the reason for this is indeed the individual column widths of the columns.
However, it should be possible to reset this in the responsive view. For that, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

@media (max-width: 979px) {
	.tablepress-responsive-tablet thead th,
	.tablepress-responsive-tablet tfoot th,
	.tablepress-responsive-tablet tbody td {
	    height: 20px;
	    width: auto !important;
	}
}

Regards,
Tobias

Hi,

well, the column widths do have an influence, but that’s then more like a separate issue. Note that you won’t have to mess with those after using my extra code.

I have another idea now, after checking again with an even smaller screen. You are only seeing the head row, because that has a lot of content in your case. Therefore, the head row will be very long, so that you don’t see any of the content (which is on the right of the head row cells). If you turn your device to landscape, you should see the content on the right, that can be scrolled.

So, we can try to reduce the width of the row. Please try again with this:

@media (max-width: 979px) {
	.tablepress-responsive-tablet tbody td {
	    height: 20px;
	    width: auto !important;
	}
	.tablepress-responsive-tablet.tablepress-id-3 thead th {
	    width: 120px !important;
	    height: 20px;
	}
	.tablepress-responsive-tablet.tablepress-id-3 .column-6 {
        height: 60px;
    }
}

Regards,
Tobias

Hi,

good to hear that this worked! 🙂 Thanks for the confirmation!

And thanks for the kind words, and of course for the donation, I really appreciate it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!