Просмотр сайта на телефоне - Joomla 3.x: Общие вопросы

При просмотре сайта rechepti.ru на joomja3 на телефоне некоторые проблемы. Сайт открывается нормально, появляется меню. Жмем пункт меню, появляется и исчезает стрелка вправо. Чтоб посмотреть пункты меню нужно гартать вниз. Жмем заголовок, появляется меню, чтоб посмотреть содержание нужно обратно гартать вниз.

Да, выезжающее меню на телефоне не помешало бы. Тут или писать отдельный стиль меню для мобилы, либо делать еще одно меню (для мобилы) и скрывать/показывать основное или мобильное в зависимости от устройства.

Но другой подобный сайт rogachevshop.by на той же joomla3 на том же хостинге выдает на телефоне как и на компьютере.

Это вопрос верстки и стилей, а не Joomla или хостинга.

В обоих сайтах стандартный шаблон beez3, Joomla 3.10.12, отличие только в PHP8.0.30 и 8.2.32. Дополнительных плагинов в обоих нет.

На первом подключен стиль /templates/beez3/css/turq.css который имеет правила @media
На втором этот скрипт не подключен, поэтому под размер не подстраивается.
Так что дело таки в стилях, а не в версиях PHP и CMS.

Заходишь  /css/turq.css в нем на обоих сайтах есть @media only screen and (max-width: 480px) с одинаковым содержанием.

Заходишь  /css/turq.css в нем на обоих сайтах есть @media only screen and (max-width: 480px) с одинаковым содержанием.

На втором сайте он не подключен. В коде его нет. Без этого наличие файла на хостинге значения не имеет.

В админ панели сайта rechepti.ru  заходим в менеджер шаблонов, в файл CSS и находим:
@media only screen and (max-width: 480px) {
   img {
      max-width: 100%;
      height: auto;
      border: 0;
      -ms-interpolation-mode: bicubic;
   }
   #container {
        width: 90%; /* уменьшение ширины на небольших экранах */это добавил сам.
ну и дальше
...
Что значит, что он не подключен?

Смотрите консоль отладки - примененные css-правила для блока меню.

Параметры отладки-да, менеджер меню. Просмотрел ничего связонного с настройкой меню в CSS не нашел.

Ну вот же:



На втором сайте этого правила и этого css-файла нет.
Отключите в отладчике (или в том файле) эти 2 правила - и выглядеть будет так же, как второй сайт.

Файлы удалил, на телефоне стало нормально показываться. Хотел снимок вставить где удалял, но нажал на вставить изображение, ссылка на изображение не появилась. Есть еще один сайт shitovidki.ru, в нем такая же проблема. В файле turg.css также поменял, но на сайте  не изменилось.

Есть еще один сайт shitovidki.ru, в нем такая же проблема.

А в нем это правило тянется из /templates/beez3/css/personal.css
Смотрите в отладчике - там же видно.

Удалил файлы, показывает в телефоне нормально.
Смотрите в отладчике - там же видно. Смотреть в отладчике в интернете столько вариантов. Может просто смотреть код страницы.