Сообщений в теме: 22

[Юля123]

dypel (12 Январь 2016 - 12:57) писал:

Юля123, спасибо огромное за оперативную помощь, но все же баннер Яндекса выступает за правый край монитора смартфона.
Возможно ли разместить оба баннера Яндекса по центру монитора смартфона?

В main.css найдите код:

#header .container {
	 width: 1222px;
}
.logo span:first-child {
	 margin-left: 16px;
	 margin-right: 10px;
}

и замените на код:

.logo span:first-child {
	 margin-right: 5px;
}

затем найдите код:

body {margin: 0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #909090;overflow-x: hidden;position: relative;}

и замените на код:

body {margin: 0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #909090;position: relative;}

Далее найдите код:

#header #logo a img {
			 width: 40% !important;
		 float: left;
}

1) замените на код, если хотите, чтобы баннеры отображались в строчку:

.logo {
text-align: center;
}

2) замените на код, если хотите, чтобы отображалось в столбик:

.logo img {
width: 50%;
}
.logo {
text-align: center;
}
.logo img:first-child {
margin-bottom: 8px;
}

[dypel]

Ничего у меня не получилось! Пробовал 2 раза!
Помогите пожалуйста!!!

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

• 

[Vaccina]

В шаблоне HTML найдите:

<div id="logo" class="right col-xs-3.5">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>

замените на:

<div id="logo" class="right col-xs-3.5 banners">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>

В main.css после:

@media all and (max-width: 381px) {
.toolbar .limiter label {display:none;}

пропишите:

.banners {
	text-align: center !important;
	float: none;
	display: block !important;
	clear: both;
}
.banners a {
	float: none !important;
}