Автор Тема: мобильная версия  (Прочитано 251 раз)

09 Марта 2016, 12:04:12
  • Старожил
  • ****
  • Сообщений: 282
  • Репутация: +0/-1
  • Сообщество PrestaShop
    • Просмотр профиля
здравствуйте. Подскажите пожалуйста, уважаемые, яндекс и гугл указывают,что у сайта есьб:" Есть горизонтальная прокрутка. Контент не помещается по ширине на экран мобильного устройства, что вызывает серьёзные неудобства при использовании сайта".
гугл прямо указывает: "Ширина страницы составляет 400 CSS-пикс., а области просмотра – всего 375 CSS-пикс. Эти элементы находятся вне области просмотра:"
Вопрос! В каком файле нужно изменить цифры? Спасибо
смс 1.6.0.14 шаблон стандарт.
09 Марта 2016, 12:07:47
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86330
  • Репутация: +25417/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Файл /themes/default-bootstrap/css/global.css
Все правила css
@media ....
09 Марта 2016, 12:29:27
Ответ #2
  • Старожил
  • ****
  • Сообщений: 282
  • Репутация: +0/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Файл /themes/default-bootstrap/css/global.css
Все правила css
@media ....

DarinSr  спасибо. изменил сначала на 375 и 400 @media (min-width: 400px), но поисковики так и указывают на не адаптивность размера.
09 Марта 2016, 12:36:35
Ответ #3
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86330
  • Репутация: +25417/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Bootstrap 3 media css
Советы по использованию media query
Размеры в media в bootsrap 3 уже адаптированны для многих разрешений.
Вы можете только разбить их на больше количество интервалов.
09 Марта 2016, 12:42:51
Ответ #4
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86330
  • Репутация: +25417/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Цитировать
"Ширина страницы составляет 400 CSS-пикс., а области просмотра – всего 375 CSS-пикс. Эти элементы находятся вне области просмотра:"

Вам не нужно менять размеры в media query. Нужно поменять классы в шаблонах TPL темы.
- Проверяете каждую страницу в google.
- Определяте какие блоки выходят из зоны просмотра.
- Меняете название классов
.col-xs-..., .col-sm-...
Bootsrap 3 - Основа HTML-сетки
09 Марта 2016, 12:44:49
Ответ #5
  • Старожил
  • ****
  • Сообщений: 282
  • Репутация: +0/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Bootstrap 3 media css
Советы по использованию media query
Размеры в media в bootsrap 3 уже адаптированны для многих разрешений.
Вы можете только разбить их на больше количество интервалов.

спасибо.