Перейти к содержимому


Мобильная Версия


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 edwin

edwin

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 25 Апрель 2016 - 01:12

В мобильной версии страницы открываются с бесконечной горизонтальной прокруткой, как бы это исправить?

#2 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Апрель 2016 - 10:01

Просмотр сообщенияedwin (25 Апрель 2016 - 01:12) писал:

В мобильной версии страницы открываются с бесконечной горизонтальной прокруткой, как бы это исправить?

Здравствуйте, в main.css найдите  и удалите код:

#block-info .container {width: 1140px;}


#3 edwin

edwin

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 25 Апрель 2016 - 20:00

Огромное спасибо, помогло!

#4 edwin

edwin

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 25 Апрель 2016 - 20:33

Просмотр сообщенияЮля123 (25 Апрель 2016 - 10:01) писал:

Здравствуйте, в main.css найдите  и удалите код:

#block-info .container {width: 1140px;}

Помогло, конечно только главной странице, т.к. block-info есть только на ней. А как исправить все страницы каталога и товаров?

#5 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Апрель 2016 - 20:57

Просмотр сообщенияedwin (25 Апрель 2016 - 20:33) писал:

Помогло, конечно только главной странице, т.к. block-info есть только на ней. А как исправить все страницы каталога и товаров?

В Main.css найдите код:

.breadcrumbs {
		padding: 10px 0px;
		padding-bottom: 10px;
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 1000px; 
}

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

.breadcrumbs {
		padding: 10px 0px;
		padding-bottom: 10px;
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
}


#6 edwin

edwin

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 25 Апрель 2016 - 23:00

Просмотр сообщенияЮля123 (25 Апрель 2016 - 20:57) писал:

В Main.css найдите код:

.breadcrumbs {
	 padding: 10px 0px;
	 padding-bottom: 10px;
	 color: #fff;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
width: 1000px;
}

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

.breadcrumbs {
	 padding: 10px 0px;
	 padding-bottom: 10px;
	 color: #fff;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
}

ОК, спасибо, но теперь в полной версии "усекаются" хлебные крошки, т.к. я ставил ширину 1000 именно по совету модератора в другой ветке, когда спрашивал, почему хлебные крошки в сокращенном виде видны....
Иными словами, на проблему, видимо в комплексе надо смотреть, иначе одна ошибка влечет другую.

Поэтому теперь вопрос стоит так:
подскажите пож-ста, как привести мобильную версию в порядок, что бы полная версия не пострадала.
И наоборот:
как привести полную версию в порядок, что бы не страдала мобильная?

#7 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 26 Апрель 2016 - 15:53

Просмотр сообщенияedwin (25 Апрель 2016 - 23:00) писал:

ОК, спасибо, но теперь в полной версии "усекаются" хлебные крошки, т.к. я ставил ширину 1000 именно по совету модератора в другой ветке, когда спрашивал, почему хлебные крошки в сокращенном виде видны....
Иными словами, на проблему, видимо в комплексе надо смотреть, иначе одна ошибка влечет другую.

Поэтому теперь вопрос стоит так:
подскажите пож-ста, как привести мобильную версию в порядок, что бы полная версия не пострадала.
И наоборот:
как привести полную версию в порядок, что бы не страдала мобильная?
Здравствуйте.
Пришлите, пожалуйста, скриншот с обозначенными корректировками мобильной версии, чтобы мы могли подобрать более проработанную инструкцию.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных