Форум русской поддержки Joomla!® CMS
09.12.2016, 15:37:02 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Не могу оптимизировать сайт для мобильных устройств

 (Прочитано 114 раз)
0 Пользователей и 1 Гость смотрят эту тему.
p4o1
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 16



« : 28.11.2016, 20:21:35 »

При проверке сайта http://gruzovozka.dp.ua/ в Google сервисе https://developers.google.com/speed/pagespeed/insights/ выдает ошибки
Адаптируйте размер контента для области просмотра
Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.
Ширина страницы составляет 616 CSS-пикс., а области просмотра – всего 411 CSS-пикс. Эти элементы находятся вне области просмотра:
Элемент <div id="s5_button_frame">Цены Наши преи…а Вопрос-ответ</div> находится вне области просмотра.
Элемент <div id="s5_bottom_menu_wrap">Квартирный пер…Сайта Упаковка</div> находится вне области просмотра.
Кто сталкивался ? Помогите исправить, не могу никак избавится от этих ошибок (
Записан
Дмитрий_76
Осваиваюсь на форуме
***

Репутация: +9/-0
Offline Offline

Пол: Мужской
Сообщений: 99

Троллей не кормлю.


« Ответ #1 : 29.11.2016, 09:45:42 »

Косяки в верстке имеются.
По крайней мере один нашел.
Для блока #s5_button_frame следует убрать правило "left: 50%". Во всяком случае, для телефонов.
Может, и ещё что-то имеется, что выпячивается вправо.
Записан
dmitry_stas
Профи
********

Репутация: +798/-4
Offline Offline

Сообщений: 7778



« Ответ #2 : 29.11.2016, 12:30:47 »

там косяков 2 вагона: http://prntscr.com/dd3pd1

ТС, вам нужно весь контент обрамлять в div, который не выходит за рамки экрана при любом разрешении. Если элементы заведомо шире экрана, и не могут быть ужаты до ширины экрана, например таблицы и т.п., то надо добавлять прокрутку этому элементу. как это делать именно в вашем шаблоне - не знаю, не использую s5, почитайте документацию к используемому в нем фреймворку, думаю это все описано должно быть
« Последнее редактирование: 29.11.2016, 12:35:34 от dmitry_stas » Записан
p4o1
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 16



« Ответ #3 : 29.11.2016, 19:19:21 »

ругается именно на нижнее меню и еще на 1 менюшку
Элемент <div id="s5_button_frame">Цены Наши преи…а Вопрос-ответ</div> находится вне области просмотра.
Элемент <div id="s5_bottom_menu_wrap">Квартирный пер…Сайта Упаковка</div> находится вне области просмотра.
При просмотре с мобильного есть горизонтальная прокрутка но при прокрутке - пустота, может можно именно с этими меню чето сделать ?
Записан
darkghost
Практически профи
*******

Репутация: +75/-0
Offline Offline

Сообщений: 1811



« Ответ #4 : 30.11.2016, 13:09:59 »

...
Для блока #s5_button_frame следует убрать правило "left: 50%". Во всяком случае, для телефонов.
попробуйте Эти блоки обвернуть в дополнительный блок и выровнять для мобильных по средине (или же прописать правила существующему). Можно еще попробовать заменить
Код:
element.style {
    width: 2х%; --- вот тут надо поиграться
}
.s5_float_left {
    display: вместо left прописать inline-block;
}
Но прописав вместо -left- ... блоки пойдут в разнобой (по высоте) и это уже совсем другая история
« Последнее редактирование: 30.11.2016, 13:25:36 от darkghost » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet