здравствуйте, как уменьшить шапку в мобильной версии
и поменять цвет шапки только в мобильной версии
0
Уменьшить Шапку
Автор Юрий32, 25 нояб. 2018 21:51
В теме одно сообщение
#1
Отправлено 25 Ноябрь 2018 - 21:51
#2
Отправлено 26 Ноябрь 2018 - 13:31
Юрий32 (25 Ноябрь 2018 - 21:51) писал:
здравствуйте, как уменьшить шапку в мобильной версии
и поменять цвет шапки только в мобильной версии
и поменять цвет шапки только в мобильной версии
Здравствуйте.
Обратите внимание! Все эти изменения происходят со строк 1057 по 1096.
Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.block_min{position: absolute; left:70px;top: 90px;text-align: center;}
Замените его на:
.block_min{position: absolute; left:70px;top: 70px;text-align: center;}
Найдите данный код:
.header-top { height: 150px; }
Замените его на:
.header-top { height: 125px; }
Найдите данный код:
.header-middle #mommenu{position: absolute; top: -65px;}
И замените его на:
.header-middle #mommenu { position: absolute; top: -70px; }
Найдите:
.header-top .block-phone .block-phone-contact { left: initial; text-align: right; right: -15px; width: auto; top: 55px; }
Замените на:
.header-top .block-phone .block-phone-contact { left: initial; text-align: right; right: -15px; width: auto; top: 30px; } .header-top .form-search { position: absolute; right: 0; top: 110px; } .header-top .block-cart { position: absolute; right: 0; top: 64px; }
Найдите этот код:
@media all and (max-width: 481px) { .product-tabs .tab-content .htmlDataBlock iframe{width: 100%} .header-middle.index{background: none;}
И сразу после добавьте данный код:
.header-top { padding: 15px 0; height: 80px; background-color: #ff5b6b; }
Найдите в нем background-color: #ff5b6b; и замените ff5b6b на Ваш код цвета(шестизначный).
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных