мобильная версия

Автор ladmur, 09 марта 2016, 12:04:12

« назад - далее »

ladmur

здравствуйте. Подскажите пожалуйста, уважаемые, яндекс и гугл указывают,что у сайта есьб:" Есть горизонтальная прокрутка. Контент не помещается по ширине на экран мобильного устройства, что вызывает серьёзные неудобства при использовании сайта".
гугл прямо указывает: "Ширина страницы составляет 400 CSS-пикс., а области просмотра – всего 375 CSS-пикс. Эти элементы находятся вне области просмотра:"
Вопрос! В каком файле нужно изменить цифры? Спасибо
смс 1.6.0.14 шаблон стандарт.

DarinSr

Файл /themes/default-bootstrap/css/global.css
Все правила css
@media ....

ladmur

Цитата: DarinSr от 09 марта 2016, 12:07:47
Файл /themes/default-bootstrap/css/global.css
Все правила css
@media ....

DarinSr  спасибо. изменил сначала на 375 и 400 @media (min-width: 400px), но поисковики так и указывают на не адаптивность размера.

DarinSr

Bootstrap 3 media css
Советы по использованию media query
Размеры в media в bootsrap 3 уже адаптированны для многих разрешений.
Вы можете только разбить их на больше количество интервалов.

DarinSr

Цитировать"Ширина страницы составляет 400 CSS-пикс., а области просмотра – всего 375 CSS-пикс. Эти элементы находятся вне области просмотра:"

Вам не нужно менять размеры в media query. Нужно поменять классы в шаблонах TPL темы.
- Проверяете каждую страницу в google.
- Определяте какие блоки выходят из зоны просмотра.
- Меняете название классов
.col-xs-..., .col-sm-...
Bootsrap 3 - Основа HTML-сетки

ladmur

Цитата: DarinSr от 09 марта 2016, 12:36:35
Bootstrap 3 media css
Советы по использованию media query
Размеры в media в bootsrap 3 уже адаптированны для многих разрешений.
Вы можете только разбить их на больше количество интервалов.

спасибо.