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


Уменьшить Шапку


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

#1 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 25 Ноябрь 2018 - 21:51

здравствуйте, как уменьшить шапку в мобильной версии
и поменять цвет шапки только в мобильной версии

Прикрепленные изображения

  • уменьшить шапку.jpg


#2 stasia

stasia

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

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

Отправлено 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 анонимных