Mari-ina (11 Июль 2016 - 11:39) писал:
Здравствуйте. Помогите подправить мобильную версию сайта.
1. Для расширения 1024 убрать картинки по краям, оставить только баннер
2. От 800 и менее вообще полностью убрать баннер и картинки по краям.
3. При расширении 1024 телефон. поиск и последние значки уходят под синюю строку меню, надо вернуть все в одну строку
4. При расширении 800 и 768 значок Каталога поднять в верхнюю строку меню, рядом с Флажком (поменять цвет флажка на белый)
5. При расширении 600 и 533 Флажок, каталог, телефон и значки корзины, сравнения и избранного поместить в одну строку синего меню, а поиск оставить где сейчас находится под этой строкой, только по центру.
6. Для более маленьких расширений в строке меню оставить только флажок, каталог и значки корзины
Здравствуйте,
1,3 Найдите в файле main.css
@media all and (max-width: 991px) {
замените на
@media all and (max-width: 1024px) {
.banner_set> a img {
display: none;
}
#header-top .header-col-left {
width: 40%;
}
}
@media all and (max-width: 991px) {
2. Найдите в файле main.css
@media all and (max-width: 767px) {
после вставьте
.banner_set {
display: none;
}
4. Найдите в шаблоне 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>
и перенесите после строк
<div class="header-col-left left" title="Меню">
<ul class="links">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
далее найдите в файле main.css
#mommenu {
display: block;
position: absolute;
top: 80px;
}
замените на
#mommenu {
display: block;
/*position: absolute;
top: 80px;*/
}
5. Вам внесли изменения.
6. Внесите изменения по инструкциям выше и пришлите как именно необходимо изменить сайт при самых маленьких разрешениях.
0
