Tabelle wird nicht angezeigt auf Mobile mit Impreza Theme

Hi,

thanks for your post, and sorry for the trouble.

As these are English-language forums, I’ll reply in English. That way, more people can benefit from our findings, I hope that’s ok.

From what I can see, this is a problem in your theme, TablePress is working as expected.
Here’s a screenshot of a “larger” phone, an iPhone X: https://imgur.com/ckQufFa
As you can see, the table is very narrow only. This is caused by your theme only using a very small content area on small screens, i.e. it keeps very big margins on the left and right side of the content. The table then takes up 100% of the content area that the theme gives it.
Thus, to make the table bigger, you need to find a way to make the content area wider in the theme. This might be as easy as using a different block or element in the block editor that your theme uses when you write the content of the page.

Regards,
Tobias

Hello, thanks much. I’m surprised, because impreza recommends tabelpress.

I’ll take a look at this.

Thanks much, Kai

OK. I have removed the margins. Now it looks buch better ?? However, the first header row is lower. So it still does not look good. The columns headers and the rest do not match on mobiles.

And on mobile is initial no scrollbar

Hi,

the mismatch is caused by some CSS in your theme. To fix that, please change the block

.tablepress thead th,
.tablepress tfoot th {
	background-color: #939CCA;
	color: #eeeeee;
}

in your “Custom CSS” to

.tablepress thead th,
.tablepress tfoot th {
	background-color: #939CCA;
	color: #eeeeee;
	padding-top: 8px;
}

Regarding the scrollbar: This is the general behavior of the browsers in Android and iOS: They only show the scrollbar when actual scrolling is done. Unfortunately, I don’t know a way to change that, sorry.

Regards,
Tobias

Ok. Thanks much. I′ll look for the issue with scrollbar myself.

Best regards, Kai

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias