Help with responsive

Hi,

thanks for your question, and sorry for the trouble.

Here, I would suggest to turn off the Horizontal Scrolling (remove the responsive=scroll parameter from the Shortcode).

Then, you are already using a CSS approach, like

@media screen and (max-width: 768px) {
	.tablepress-id-24 tbody td {
		display: block;
	}
}

You could try using

.tablepress-id-24 tbody td {
	display: inline-block;
}

here (without the CSS media query around it!).

Regards,
Tobias

Thanks for the answer, it helped for the main number of tables, but these tables still react strangely.
The problem on these pages (tables)
https://wood-design.lv/коллекция-hi-tech/
https://wood-design.lv/коллекция-art/
https://wood-design.lv/коллекция-неоклассика/
https://wood-design.lv/стулья/
https://prnt.sc/xb60pp

• This reply was modified 4 years, 2 months ago by rstrah. Reason: add url
• This reply was modified 4 years, 2 months ago by rstrah.

Hi,

well, you are still dealing with tables here, so there are limitations in how their grid structure can be transformed.

To fully change this, you’d need to put all cells into one row.
(You might then actually want to decide to other HTML markup, as tables should normally only be used to show tabular data, but not for layout purposes.)

Regards,
Tobias

Thanks for the answer! It’s work!

Hi,

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

Best wishes,
Tobias