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


Адаптивный Дизайн

адаптивный дизайн весна

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

#1 Сенсей

Сенсей

    Новичок

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

Отправлено 03 Ноябрь 2015 - 10:03

Добрый день

Аккаунт SL-5857, сайт iclebo-rt.ru, шаблон Весна.

На главной странице между хэдером и футером вставил свой код лендинга. В мобильной версии хэдер и футер адаптивны, а вставленный код нет. Анализ раздела footer в style.css не помог разобраться как реализуется адаптивность, подскажите, пожалуйста, в какую сторону копать?

#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 03 Ноябрь 2015 - 16:24

Просмотр сообщенияСенсей (03 Ноябрь 2015 - 10:03) писал:

Добрый день

Аккаунт SL-5857, сайт iclebo-rt.ru, шаблон Весна.

На главной странице между хэдером и футером вставил свой код лендинга. В мобильной версии хэдер и футер адаптивны, а вставленный код нет. Анализ раздела footer в style.css не помог разобраться как реализуется адаптивность, подскажите, пожалуйста, в какую сторону копать?
Здравствуйте, в конец style.css добавьте
.slide-pd {
	width: auto;
}
#shadow {
	width: auto;
	height: auto;
}


#3 Сенсей

Сенсей

    Новичок

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

Отправлено 06 Ноябрь 2015 - 10:59

Просмотр сообщенияИрина345 (03 Ноябрь 2015 - 16:24) писал:

Здравствуйте, в конец style.css добавьте
.slide-pd {
width: auto;
}
#shadow {
width: auto;
height: auto;
}

Спасибо за ответ, стало немного лучше отображаться.
А можно сделать так, чтобы при отображении на экране мобильного телефона, некоторые ненужные теги не показывались?

#4 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 06 Ноябрь 2015 - 11:45

Просмотр сообщенияСенсей (06 Ноябрь 2015 - 10:59) писал:

Спасибо за ответ, стало немного лучше отображаться.
А можно сделать так, чтобы при отображении на экране мобильного телефона, некоторые ненужные теги не показывались?

Здравствуйте. Что бы Вы хотели скрыть?

#5 Сенсей

Сенсей

    Новичок

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

Отправлено 06 Ноябрь 2015 - 12:41

Просмотр сообщенияЮля123 (06 Ноябрь 2015 - 11:45) писал:

Здравствуйте. Что бы Вы хотели скрыть?

к примеру, 2 баннера (150х103) в шапке сайта, со ссылками на вк и ям

#6 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 06 Ноябрь 2015 - 12:49

Просмотр сообщенияСенсей (06 Ноябрь 2015 - 12:41) писал:

к примеру, 2 баннера (150х103) в шапке сайта, со ссылками на вк и ям

зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код

@media only screen and (max-width: 480px) {

после него вставьте код:

.newsletter {
	display: none;
}


#7 Сенсей

Сенсей

    Новичок

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

Отправлено 08 Ноябрь 2015 - 14:33

Просмотр сообщенияЮля123 (06 Ноябрь 2015 - 12:49) писал:

зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код

@media only screen and (max-width: 480px) {

после него вставьте код:

.newsletter {
display: none;
}

Спасибо большое! Теперь понятно как редактировать адаптивный дизайн :rolleyes:




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

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