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


Адаптация Для Мобильной Версии

Автор Сергей Иванов, 28 нояб. 2015 16:03

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

#1 Сергей Иванов

Сергей Иванов

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

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

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

Подскажите как адаптировать шапку для мобильной версии?
2) В мобильной версии отключить слайдер и картинку рядом с ним?

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

  • 3.jpg

#2 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 28 Ноябрь 2015 - 18:54

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

Подскажите как адаптировать шапку для мобильной версии?
2) В мобильной версии отключить слайдер и картинку рядом с ним?

Здравствуйте! В шаблоне main.css найдите строку
@media all and (max-width: 481px) {
после нее вставьте
#slideshow{display:none;}
.right_banner {display: none;}

#3 Сергей Иванов

Сергей Иванов

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

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

Отправлено 28 Ноябрь 2015 - 19:40

не скрылся

#4 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 28 Ноябрь 2015 - 20:37

Просмотр сообщенияСергей Иванов (28 Ноябрь 2015 - 19:40) писал:

не скрылся

Здравствуйте! Добавьте также в шаблон main.css после строки
@media all and (max-width: 641px) {
строки
#slideshow{display:none;}
.right_banner {display: none;}


Затем попробуйте почистить кэш браузера, комбинацией Ctrl+F5.

#5 Сергей Иванов

Сергей Иванов

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

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

Отправлено 29 Ноябрь 2015 - 13:21

А как сделать чтобы логотип был маленький в мобильной?

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

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

Просмотр сообщенияСергей Иванов (29 Ноябрь 2015 - 13:21) писал:

А как сделать чтобы логотип был маленький в мобильной?
В main.css найдите код 
.header-middle .logo {
	text-align: center;
	float: none;
}
и замените на 

.header-middle .logo {
	text-align: center;
	float: none;
	width: 165px;
}
.header-middle.index {
	margin-top: 75px;
}

#7 Сергей Иванов

Сергей Иванов

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

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

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

Требуется привести шапку к такому виду (в моб версии)

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

  • 3.jpg

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2015 - 01:37

В main.css найдите:
@media all and (max-width: 481px) {

после него пропишите:
.info_head {
width: 50%;
}
.info_head > div:not(.cart_block) {
display: none;
}
.header-middle .col-left {
float: left !important;
width: 50%;
}
.mobile{display:block;}


Далее необходимо поправить файлы стилей, чтобы адаптивные стили корректно работали, для этого в самом конце main.css найдите:
.actions .button:hover {
	 color: #fff;
	 background-color: #fc6b32;
	 border:none;
}
.actions .button{
	 color: #ec3f2e;
	 background-color: #fff;
	 border: 1px solid #ec3f2e;
}
.toolbar.bottom .sort-by {display: none;}
.toolbar.bottom .view-mode {display: none;}
.ratings, .goodsDataMainModificationAvailable {
display: none;
}
.product-tabs.clear {
display: none;
}
.delivery .deliveryZonePrice {
			 display: none;
}
.callback.fancybox\.ajax {
	 display: block;
	 float: right;
	 margin-top: -36px;
	 padding: 7px;
	 border: 1px solid #747474;
	 border-radius: 15px;
}
em.fa.fa-map-marker {
	 margin-left: 4px;
}
.htmlDataBlock p {
	 word-break: break-word;
	 padding: 3px;
	
}
a.callback:hover {
color:#fff;
background:#ee4548;
border: none;
}
.block.menu {
display: none;
}
.banners img {
float:left;
}
.logo img {
min-width: 112%;
}
.header_nav {
float: left;
margin: 13px 0;
}
ul.block-menu-links li {
	 display: inline-block;
	 margin-right: 20px;
}
.catalog_head {
border-radius: 10px;
margin: 40px auto 0;
float: none !important;
clear: both;
background: #603d3d;
}
.info_head {
	 width: 83%;
}
.info_head > div {
	 display: inline-block;
	 margin: 0px 1%;
	 vertical-align: top;
	 width: 21%;
}
.info_head div i {
	 float: left;
	 font-size: 32px;
	 padding: 10px 0;
	 width: 50px;
	 text-align: center;
	 vertical-align: middle;
	 color: rgba(255, 255, 255, 0);
}
.info_head div > span {
	 display: inline-block;
	 vertical-align: middle;
	 float: left;
	 width: 68%;
	 margin-left: 10px;
	 font-size: 15px;
	 color: #412525;
	 font-family: 'gabriela';
}
.info_head div span h3 {
	 font-size: 13px;
	 font-family:'intro';
	 color: #603d3d;
	
}
.info_head div a {
			 float: none !important;
			 margin: 0px !important;
			 color: #ee4548 !important;
			 text-decoration: underline !important;
			 border: medium none !important;
			 padding: 0px !important;
}
.info_head div a:hover {
							 background: none !important;
							 text-decoration: none !important;
}
.fancybox-inner {
	 max-width: 720px !important;
}
.h1 {
clear: both;
}
.fancybox-inner .col-xs-12.contact-info {
	 min-width: 370px;
}
#custommenu ul.mainnav li:hover a.title-lv1:before {
	 position: absolute;
	 content: "\f0da";
	 font: normal normal normal 14px / 1 FontAwesome;
	 opacity: 0;
	 top: 10px;
	 left: 2px;
}
#custommenu ul.mainnav li.level1> a.title-lv1 {
	 position: relative;
}
#custommenu ul.mainnav li.level1:hover a.title-lv1:before {
opacity:1;
}
#custommenu ul.mainnav li.level1:hover a.title-lv1 {
	 padding-left: 15px;
}
.block-menu-reg {
	 display: inline-block;
	 float: left;
	 position: relative;
	 line-height: 46px;
	 margin-left: 7px;
	 font-size: 16px;
}
.block-menu-reg i {display: block;}
.block-cart {
float: left;
padding: 10px 0;
}
.cart-content {width: 100% !important;}
.cart-empty {width: 100% !important;}
.cart-title.rhombus span {
	 width: 130px;
	 margin-left: 40px;
	 margin-top: -33px;
	 line-height: 15px;
}
.block-cart .cart-title .cart-count {
	 margin-top: -20px;
}
span.total-sum span {margin-left: 0px !important;}
span.total-sum {margin-left: -25px !important;}
.info_head i.fa.fa-phone {
			 background: url("{ASSETS_IMAGES_PATH}telephone34.png");
}
.info_head i.fa.fa-clock-o {
			 background: url("{ASSETS_IMAGES_PATH}clock125.png");
}
.info_head i.fa.fa-question {
			 background: url("{ASSETS_IMAGES_PATH}question5.png");
}
.block-account {top: 0px;}
#slideshow {display: none;}

перенесите его поставив перед:
/*** Наверх ***/
#back-top {
	 position: fixed;
	 width: 55px;
	 height: 55px;
	 bottom: 10px;
	 right: 15px;
	 border: 1px solid #575757;
	 z-index: 999;
	 top: 85%;
	 -webkit-transform: scale(0.9);
	 -moz-transform: scale(0.9);
	 -o-transform: scale(0.9);
	 -ms-transform: scale(0.9);
	 transform: scale(0.9);
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 border-radius: 50%;
}

также в добавок пропишите:
.mobile{display:none;}

Далее в шаблоне HTML найдите:
<div id="mommenu" class="menu-offcanvas">
			 <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
			 <div id="menu_offcanvas" class="offcanvas">
				 <div class="canvas-title">
				 <i class="fa fa-bars"></i>
				 <span class="title">Каталог</span>
				 <i class="fa fa-times"></i>
				 </div>
				 <ul class="mainnav">
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
			 <!-- END: Main Navigation -->

перенесите его, поставив перед:
</div>
<!-- /END Шапка -->
				 <div class="catalog_head col-right col-sm-10 col-xs-3 container">
												 <!-- BEGIN: Main Navigation -->

и после перенесенного блока вставьте:
<!-- Поиск -->
						 <div class="form-search mobile">
							 <div class="search-title rhombus">
								 <i class="fa fa-search" title="Поиск по магазину">&nbsp;</i>
							 </div>
							 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
								 <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
								 <input type="hidden" name="goods_search_field_id" value="0">
								 <button type="submit" title="Искать" class="button search-submit"><i class="fa fa-search"></i></button>
							 </form>
						 </div>

Необходимо посмотреть результат, чтобы увидеть, что дальше править.

#9 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 05:29

Сделано!) Жду дальнейших указаний

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2015 - 06:08

На данный момент у вас не все реализовано, сохраните пожалуйста изменения. У вас не сделано все, что касается main.css

#11 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 06:16

Вот, сохранил

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2015 - 07:05

В main.css найдите:
.info_head > div {
	display: inline-block;
	margin: 0px 1%;
	vertical-align: top;
	width: 21%;
}

замените на:
.info_head > div {
	display: inline-block;
	margin: 0px 1%;
	vertical-align: top;
	width: 22.5%;
}

далее найдите:
.info_head {
	width: 83%;
}

замените на:
.info_head.col-left.col-sm-9 {
	width: 83%;
}


Далее найдите:
.mobile {
	display: block;
}

замените на:
.form-search.mobile {
	display: block;
}
.form-search.mobile {
	width: 60%;
	float: right;
}
.form-search.mobile form {
	display: block !important;
	padding: 0px !important;
}
.form-search.mobile > div {
	display: none !important;
}
.form-search.mobile form {
	display: block !important;
	padding: 0px !important;
	position: relative !important;
	left: 0 !important;
}
.info_head.col-left.col-sm-9 {
	width: 50%;
}
#mommenu {
	width: 30%;
	float: left;
}

#13 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 07:22

.mobile { не могу найти(

#14 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2015 - 07:27

main.css 1293 строка
.mobile{display:block;}

#15 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 07:34

Сделано! Но пока есть доработки)

#16 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2015 - 07:46

Уточните пожалуйста, что необходимо изменить?
В main.css после:
.form-search.mobile form {
		display: block !important;
		padding: 0px !important;
		position: relative !important;
		left: 0 !important;
}

пропишите:
.form-search #search_mini_form .input-text.search-string {
	min-width: 50%;
	width: 80%;
}
.form-search #search_mini_form .button.search-submit {
	color: red;
	position: relative;
	transform: none;
	vertical-align: middle;
}
.form-search #search_mini_form .button.search-submit {
	position: relative;
	transform: none;
	vertical-align: middle;
	line-height: 20px;
	background: red;
}

#17 Janna_Brauer

Janna_Brauer

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

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

Отправлено 23 Декабрь 2015 - 06:30

Здравствуйте! Поднимала тему касательно мобильной версии здесь: http://forum.storela...ню/#entry220937
однако вышло в меню слегка не то, что хотелось бы видеть.
Ссылки по цветам не особо читабельны: http://savepic.su/6858240.png
Также интересует адаптация слайдера под размер экранов мобильных устройств, он листается один раз и пропадает.
Минимизация логотипа для мобильных устройств: http://savepic.su/6841856.png
Спрятать, или убрать ссылки, которые, как я догадываюсь, идут вторым кодом в html - http://savepic.su/6861312.png
Также необходим перенос кнопок вызова меню туда, где сейчас находятся ненужные ссылки, плюс желательно объединение их в одно меню: http://savepic.su/6851072.png

Естественно, все изменения должны касаться только мобильной версии сайта.
Заранее благодарю за все советы!

#18 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 23 Декабрь 2015 - 10:14

Просмотр сообщенияJanna_Brauer (23 Декабрь 2015 - 06:30) писал:

Здравствуйте! Поднимала тему касательно мобильной версии здесь: http://forum.storela...ню/#entry220937
однако вышло в меню слегка не то, что хотелось бы видеть.
Ссылки по цветам не особо читабельны: http://savepic.su/6858240.png
Также интересует адаптация слайдера под размер экранов мобильных устройств, он листается один раз и пропадает.
Минимизация логотипа для мобильных устройств: http://savepic.su/6841856.png
Спрятать, или убрать ссылки, которые, как я догадываюсь, идут вторым кодом в html - http://savepic.su/6861312.png
Также необходим перенос кнопок вызова меню туда, где сейчас находятся ненужные ссылки, плюс желательно объединение их в одно меню: http://savepic.su/6851072.png

Естественно, все изменения должны касаться только мобильной версии сайта.
Заранее благодарю за все советы!


Здравствуйте,

1) Изменяем лого и скрываем для мобильной версии ненужные ссылки. В main.css найдите код:

@media all and (max-width: 481px) {

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

.three_buttons {
display: none;
}
.header-middle .logo{width:100px;}
}

2) Меняем меню. В шаблоне HTML найдите код:

<!--Пять кнопок под меню-->
								 <div class="three_buttons">
								 <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a>
								 <a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a>
								 <a href="http://hanaltai.ru"><button>Купить в розницу</button></a>
{% IFNOT CLIENT_IS_LOGIN %}
<a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a>
{% ELSE %}
<a href="{USER_SETTINGS_URL}" title="Личный кабинет"><button>Мой кабинет</button></a>
<a href="{USER_LOGOUT_URL}" title="Выход"><button>Выход</button></a>
{% ENDIF %}
								 <a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a>
								 </div>
								 <div id="mommenu" class="menu-offcanvas">
							 <span class="btn-navbar"> <i class="fa fa-align-justify" title="Инфо"></i> <span class="overlay"></span></span>
							 <div id="menu_offcanvas" class="offcanvas">
								 <div class="canvas-title">
									 <i class="fa fa-bars"></i>
									 <span class="title">Инфо</span>
									 <i class="fa fa-times"></i>
								 </div>
								 <ul class="mainnav">
										 <li> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a></li>
										 <li><a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a></li>
										 <li><a href="http://hanaltai.ru"><button>Купить в розницу</button></a></li>
{% IFNOT CLIENT_IS_LOGIN %}
<li><a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a></li>
{% ELSE %}
<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><button>Мой кабинет</a></button></li>
<li><a href="{USER_LOGOUT_URL}" title="Выход"><button>Выход</button></a></li>
{% ENDIF %}
										 <li><a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a></li>
								 </ul>
							 </div>
						 </div>
						 <!--END Пять кнопок под меню-->
						
												 <div id="mommenu" class="menu-offcanvas">
			 <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
			 <div id="menu_offcanvas" class="offcanvas">
				 <div class="canvas-title">
				 <i class="fa fa-bars"></i>
				 <span class="title">Каталог</span>
				 <i class="fa fa-times"></i>
				 </div>
				 <ul class="mainnav">
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
			 <!-- END: Main Navigation -->
		 </div>
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Шапка -->

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

<!--Пять кнопок под меню-->
								 <div class="three_buttons">
								 <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a>
								 <a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a>
								 <a href="http://hanaltai.ru"><button>Купить в розницу</button></a>
{% IFNOT CLIENT_IS_LOGIN %}
<a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a>
{% ELSE %}
<a href="{USER_SETTINGS_URL}" title="Личный кабинет"><button>Мой кабинет</button></a>
<a href="{USER_LOGOUT_URL}" title="Выход"><button>Выход</button></a>
{% ENDIF %}
								 <a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a>
								 </div>
								
						
						 <!--END Пять кнопок под меню-->
						
												 <div id="mommenu" class="menu-offcanvas">
			 <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
			 <div id="menu_offcanvas" class="offcanvas">
				 <div class="canvas-title">
				 <i class="fa fa-bars"></i>
				 <span class="title">Меню</span>
				 <i class="fa fa-times"></i>
				 </div>
				 <ul class="mainnav">
				 {% IFNOT catalog_full_empty %}
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
				 <ul class="mainnav">
										 <li> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt">Сотрудничество - опт</a></li>
										 <li><a href="http://spektr2.storeland.ru/page/dostavka-oplata">Доставка и оплата</a></li>
										 <li><a href="http://hanaltai.ru">Купить в розницу</a></li>
{% IFNOT CLIENT_IS_LOGIN %}
<li><a href="http://spektr2.storeland.ru/user/register">вход / регистрация</a></li>
{% ELSE %}
<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
<li><a href="{USER_LOGOUT_URL}" title="Выход"></a>Выход</a></li>
{% ENDIF %}
										 <li><a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text=">english</a></li>
							
				 </ul>
			 </div>
			 </div>
			 <!-- END: Main Navigation -->
		 </div>
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Шапка -->

Далее в main.css найдите и удалите код:

.header-middle.index {
	 margin-top: 75px;
}

#19 Janna_Brauer

Janna_Brauer

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

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

Отправлено 23 Декабрь 2015 - 10:42

после того как убрала 
.header-middle.index {
		 margin-top: 75px;
}
- в обычной версии сайта логотип растянулся на половину экрана и меню уехало...
http://savepic.su/6824464.png

#20 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 23 Декабрь 2015 - 10:54

Просмотр сообщенияJanna_Brauer (23 Декабрь 2015 - 10:42) писал:

после того как убрала 
.header-middle.index {
		 margin-top: 75px;
}
- в обычной версии сайта логотип растянулся на половину экрана и меню уехало...
http://savepic.su/6824464.png

Тогда восстановите этот код и в main.css найдите код:

@media all and (max-width: 481px) {

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

.header-middle.index {
	margin-top: 0px !important;
}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Главная
  6. Privacy Policy