Проблема c отображение сайта Joomla 3 - Joomla 3.x: Шаблоны, разметка и макеты вывода

Вообщем проблема в том что сайт на Joomle 3 отображаться на телефоне некорректно.
При загрузке сайта видно тока 1/4 сайта. Не увеличить не приблизить нельзя.
Хотелось бы чтобы сайт отображался на 100% и чтобы просмотреть информацию приходилось приближать.
Кто решал данную проблему поделитесь решением.

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

Хотелось бы чтобы сайт отображался на 100% и чтобы просмотреть информацию приходилось приближать.

Это зависит от разрешения экрана аппарата и размера сайта. От разрешения экрана в большей степени

шаблон делал с 0 на Jblank.

шаблон делал с 0 на Jblank.

Jblank - хорошая база для шаблона. Раз вы делали на нем свой шаблон с 0, то только вам и должно быть известно, почему он не работает должным образом. Да и вопросы - к авторам Jblank.

Проблема решилась очень просто заходим в папку с шаблоном php/init.php удаляем строчку

'<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">',

И сайт отображаеться нормально.

У вас в этом метатеге запрещено масштабирование.

Задав мета-тегу viewport значение "device-width", вы говорите браузеру, что ширина области просмотра равняется ширине устройства, а не стандартной ширине в 980px, как он может предполагать по-умолчанию.

Ваш код:



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

Измените этот код так:



И у вас будет разрешено масштабирование и подстройка под разрешение.

И еще, мета-тег viewport — относительно новый, поэтому на данный момент поддерживается не всеми браузерами, особенно это касается старых моделей смартфонов.

Вы все верно отписали. Читал много материала и не мог понять из-за чего это потом начал ковырять файл и заметил эту строчку про которую много писали. Оказывается что она идет по умолчанию в J!blank в init.php.

Отображает как и было поэтому лучше вообще не использовать.

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

http://autopr.tmweb.ru/ вот сайт

Отображает как и было поэтому лучше вообще не использовать.

Возможно кеш?

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

http://autopr.tmweb.ru/ вот сайт

Сейчас нет возможности проверить. Попробуйте любой браузер на компе, сожмите окно до размера телефона и посмотрите, что будет. Если воспользуетесь Мозиллой, то ПКМ на полоске -> исследовать элемент. И увидите, что это.