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


Другие Разрешения Экрана


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

#1 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 06 Май 2016 - 12:18

Помогите, пожалуйста, подправить сайт для планшетов и смартфонов. Чтобы все красиво было. А то люди заходят, пугаются :-)

#2 Юля123

Юля123

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

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

Отправлено 06 Май 2016 - 13:09

Просмотр сообщенияIngleest (06 Май 2016 - 12:18) писал:

Помогите, пожалуйста, подправить сайт для планшетов и смартфонов. Чтобы все красиво было. А то люди заходят, пугаются :-)

В main,css после кода:

@media all and (max-width: 481px) {


добавьте код:

.center_column {width: 100%;}
.menu-header { margin-bottom: 10px;}
.header-tools > div {display: inline-block;}
.header-tools {width: 100%;}

поправила отображение шапки в мобильной версии.
QIP Shot - Screen 311.png

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

#3 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 07 Май 2016 - 10:53

Это хорошо...
Вот у меня на нетбуке телефон и корзина убежали под логотип, хотя место есть вверху справа.

#4 Юля123

Юля123

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

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

Отправлено 10 Май 2016 - 11:00

Просмотр сообщенияIngleest (07 Май 2016 - 10:53) писал:

Это хорошо...
Вот у меня на нетбуке телефон и корзина убежали под логотип, хотя место есть вверху справа.


Здравствуйте, в main.css перед кодом:

@media all and (max-width: 991px) {

добавьте код:

@media all and (max-width: 1200px) {
.center_column {width: 50%;}
}


QIP Shot - Screen 312.png

#5 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 17 Май 2016 - 06:20

Просмотр сообщенияЮля123 (10 Май 2016 - 11:00) писал:

Здравствуйте, в main.css перед кодом:

@media all and (max-width: 991px) {

добавьте код:

@media all and (max-width: 1200px) {
.center_column {width: 50%;}
}


Прикрепленный файл QIP Shot - Screen 312.png

Спасибо. А можно еще иконку меню переместить на правую сторону? Мне-то удобно, но большинство людей - правши :-) Когда еще появится приложение для определения рабочей руки пользователя :-)

#6 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Май 2016 - 06:30

В main.css найдите:
#mommenu {
	display: block;
	position: absolute;
	top: 80px;
	z-index: 11;
}

замените на:
#mommenu {
	display: block;
	position: absolute;
	top: 80px;
	z-index: 11;
	right: 0;
}


#7 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 01 Июнь 2016 - 13:58

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

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Июнь 2016 - 05:13

Отображение при разрешении в 320px
123.png

#9 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 02 Июнь 2016 - 06:25

Значит, зря всполошился. Извините.

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Июнь 2016 - 06:39

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




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

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