Что сделать с таблицами, чтобы их можно было нормально просматривать на смартфонах?

Больше текста напишу позже, а пока:

добавьте в файл скриптов:

$('.content table').wrap('<div class="table-wrap"></div>');

Добавьте в файл стилей:

.table-wrap {
  max-width: 100%;
  overflow: auto;
}

Таблица будет помещена в блок с классом .table-wrap, и если таблица не будет помещаться в родительский блок, тогда она будет отображаться с горизонтальной прокруткой внутри блока с классом .table-wrap.