Таблица в колонку при отображении на сотовом - Joomla 4 и Joomla 5: Общие вопросы

    Тут  https://www.zegeberg.ru/sobstven-sate/optimisaziya-joomla/adaptatsiya-tablits-pod-mobilnye-ustroystva  эсть инструкция, как сделать отображении таблицы в колонку, если она отображается на мобильных.
    Но я не смог ею воспользоваться. Испробовал разные варианты, но в Opera, в отладчике, моя таблица все равно отображается таблицей.
   
   в одну из CSSсок, подключенной к сайту, внизу вставил.

@media only screen and (max-width: 320px),(min-device-width: 320px) and (max-device-width: 600px) /* Force table to not be like tables anymore */
table.mceItemTable, table.mceItemTable thead, table.mceItemTable tbody, table.mceItemTable th, table.mceItemTable td, table.mceItemTable tr {display: block; }
   
   а вот что дальше?  У меня в CSS-ках есть класс <table..>, в нем уже есть параметры, я так понимаю в него нужно внести правки, добавление просто  mceItemTable ничего не поменяло.

Здраствуйте, у меня ваш сайт не грузится, VPN не хочу включать, а вот что я нашел в YouTube

Также рекомендую для общего развития посмотреть это.

Самый легкий вариант добавить горизонтальный скролинг таблице, подробнее в ссылке выше.

Я читал эту статью, вчера и многие другие. Я уже по моему все варианты попробовал.
Я сохранял страницу как файл, правил ее. - никакого результата видимого.

Мой опыт адаптации многоколоночной верстки для мобильных устройств показал, что лучше использовать верстку от Bootstrap4.
Например, для таблицы использовать класс "table-responsive".
Этот класс включает на мобильных устройствах горизонтальную прокрутку.
Если же надо верстку из нескольких колонок преобразовать в 1 или 2 колонки, то делать верстку, не используя таблицы (table), а ипользовать систему сеток bootstrap https://bootstrap-4.ru/docs/4.0/layout/grid/

Здраствуйте, то есть если подключен bootstrap в шаблоне то только прописать class к таблице <table class="table-responsive"> и будет горизонтальный скрол в таблице?

Здраствуйте, то есть если подключен bootstrap в шаблоне то только прописать class к таблице <table class="table-responsive"> и будет горизонтальный скрол в таблице?

Я сделал div, в который заключил таблицу.
Почитайте документацию https://bootstrap-4.ru/docs/4.0/content/tables/
Там много интересного про стилизацию таблиц.