0
Сообщений в теме: 6
#1
Отправлено 03 Ноябрь 2015 - 10:03
Добрый день
Аккаунт SL-5857, сайт iclebo-rt.ru, шаблон Весна.
На главной странице между хэдером и футером вставил свой код лендинга. В мобильной версии хэдер и футер адаптивны, а вставленный код нет. Анализ раздела footer в style.css не помог разобраться как реализуется адаптивность, подскажите, пожалуйста, в какую сторону копать?
Аккаунт SL-5857, сайт iclebo-rt.ru, шаблон Весна.
На главной странице между хэдером и футером вставил свой код лендинга. В мобильной версии хэдер и футер адаптивны, а вставленный код нет. Анализ раздела footer в style.css не помог разобраться как реализуется адаптивность, подскажите, пожалуйста, в какую сторону копать?
#2
Отправлено 03 Ноябрь 2015 - 16:24
Сенсей (03 Ноябрь 2015 - 10:03) писал:
Добрый день
Аккаунт SL-5857, сайт iclebo-rt.ru, шаблон Весна.
На главной странице между хэдером и футером вставил свой код лендинга. В мобильной версии хэдер и футер адаптивны, а вставленный код нет. Анализ раздела footer в style.css не помог разобраться как реализуется адаптивность, подскажите, пожалуйста, в какую сторону копать?
Аккаунт SL-5857, сайт iclebo-rt.ru, шаблон Весна.
На главной странице между хэдером и футером вставил свой код лендинга. В мобильной версии хэдер и футер адаптивны, а вставленный код нет. Анализ раздела footer в style.css не помог разобраться как реализуется адаптивность, подскажите, пожалуйста, в какую сторону копать?
.slide-pd { width: auto; } #shadow { width: auto; height: auto; }
#3
Отправлено 06 Ноябрь 2015 - 10:59
Ирина345 (03 Ноябрь 2015 - 16:24) писал:
Здравствуйте, в конец style.css добавьте
.slide-pd { width: auto; } #shadow { width: auto; height: auto; }
Спасибо за ответ, стало немного лучше отображаться.
А можно сделать так, чтобы при отображении на экране мобильного телефона, некоторые ненужные теги не показывались?
#6
Отправлено 06 Ноябрь 2015 - 12:49
Сенсей (06 Ноябрь 2015 - 12:41) писал:
к примеру, 2 баннера (150х103) в шапке сайта, со ссылками на вк и ям
зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код
@media only screen and (max-width: 480px) {
после него вставьте код:
.newsletter { display: none; }
#7
Отправлено 08 Ноябрь 2015 - 14:33
Юля123 (06 Ноябрь 2015 - 12:49) писал:
зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код
после него вставьте код:
@media only screen and (max-width: 480px) {
после него вставьте код:
.newsletter { display: none; }
Спасибо большое! Теперь понятно как редактировать адаптивный дизайн
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных