How to move columns to new row?

Question

css

Hello everyone, I ran into such a nuisance, I need to make a mobile version of the site, and that’s all, but there is one problem, part of the site works on tables using table, I hope it will be clear from the screenshot

And the problem is that on small screens there is a column on the right I can't drop below the column on the left, tables don't lend themselves, is there some minimal way to solve this problem? This site is in production, I don’t have the opportunity to edit it somewhere on a test server or domain, I would reverse these blocks, but all site visitors will see it, and I need to fix it all as quickly as possible, thanks.

Answer 1

This site is for sale

Merge backup to locale?

I would reverse these blocks

You can do it in Devtools

I need to fix this as soon as possible, thanks.

Edit in Devtools, and then write the corrected value to the template and styles. But only the marginalized from the world of the web do this. Because for a beginner, it's a shot in the foot. (to a lesser extent, if it is possible to roll back the backup, or there is git)
The surest way is to backup to a local, edit and layout there, push to the server.

Answer 2

td { display:block; clear: both; }