Helix3 template: мобильная адаптация сжимает текст влево почти в ноль - Joomla 3.x: Шаблоны, разметка и макеты вывода

Добрый день, уважаемые товарищи.

ПРОБЛЕМА РЕШЕНА - СУТЬ ТУТ, РЕШЕНИЕ В ПОСЛЕДНЕМ ПОСТЕ

Проблема с мобильной адаптацией в Helix3 template. А все шло так хорошо.

На картинках - наглядно, случайный текст взял из Тургенева. )

Создал страницу с текстом. Пока она большая, широкая - все красиво и ровно.

Как только сжимаю ширину браузера или если захожу на сайт со смартфона, получается так, что весь текст сбивается в узенькую неформатированную колонку слева.

Что же мне делать?



Результат:

Что же мне делать?

для начала предоставить ссылку на сайт

Наверное, Вы правы, уважаемый AlekVolsk.

А я уже разобрался только что. И Вам спасибо, дали толчок.

Далее пишу для новичков типа меня, может, кому поможет.

В чем были интересные моменты.

Я же изначально поставил шаблон хеликс3, и на базе его создал свой второй стиль. То есть шаблон у меня один, а стилей два: оригинальный и мой. Так вот, проблема была только на моем стиле. А если переключить стиль на оригинальный, адаптация осуществлялась хорошо.

При этом я никак не мог понять, откуда ноги у проблемы. Вроде бы ничего особенного не менял, размеры шрифтов, логотипы...

Но - нашел. )

Для этого сначала я создал из оригинала еще один свой стиль, и начал сверять настройки лэйаута для нового и своего "глючного". И оказалось, что я изменил два параметра, а потом их обратно не вернул:

Менеджер шаблонов / Стили / Layout / Main body / Component / Component / Colomn Settings

И тут я в атаке любознательности поставил:

- Tablet layout = col-sm-1
- Mobile layout = col-xs-1

Когда я их убрал, сменив снова на "Select an Option" (т.е. не установлено), страница стала отображаться прекрасно и отлично.

Что эти штуки обозначают, я не понимаю. Если кто-то сможет подсказать, буду признателен.