Изменение Шапки
#1
Отправлено 28 Январь 2017 - 13:16
2) Поверх слайда разместить разместить полоску с элементами (указаны ниже), слайды должны меняться под полоской
3) Логотип сместить влево
4) Ссылки так же влево
5) Сделать подчеркивание у ссылок
6) Добавить номер телефона со значком трубки
7) Добавить в правую часть значок корзина
8) Добавить поиск
Все изменения отображены во вложении
Расположение всех элементов необходимо сделать в точности как на картине
#2
Отправлено 03 Февраль 2017 - 07:48
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow { margin: 0 0; position: relative; }
замените на:
#slideshow { margin-top: -188px; position: relative; z-index: 10; }
далее найдите:
#header { text-align: center; }
замените на:
#header { text-align: center; z-index: 20; position: relative; background: #fff; margin-top: 40px; }
далее найдите:
#logo { margin: 0; padding: 15px 0 10px 35px; }
замените на:
#logo { margin: 0; padding: 15px 0 10px 35px; float: left; }
далее найдите:
#custommenu ul.mainnav li.level0 > a { display: block; padding: 5px 12px; position: relative; font-size: 16px; text-transform: uppercase; line-height: 20px; color: #000; border: 1px solid transparent; margin: 0px 0px 10px; }
после него пропишите:
#custommenu ul.mainnav li.level0 > a span { border-bottom: 1px dashed #000; }
Далее в шаблоне HTML найдите:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <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> <div class="header-col-right right"> <!-- Поиск --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form> <div class="header-tools"> <!-- Меню пользователя --> <div class="myaccount"> <div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div> <div class="content"> <ul class="links"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li> <li><a href="{CART_URL}" title="Корзина"><i class="fa fa-shopping-cart"></i>Корзина</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li> <li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li> {% ENDIF %} </ul> </div> </div> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}"> <div class="tongle"> <a href="{COMPARE_URL}" title="Перейти к сравнению"> <i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span> </a> </div> <ul id="compare-items" class="content"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 6 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove-compare fa fa-close" title="Убрать товар из списка сравнения"></a> <div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- Корзина --> <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="tongle cart-status"> <a href="{CART_URL}" title="Перейти в корзину"> <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> </a> </div> <div class="content dropdown-cart"> <div class="cart_block_list"> {% IF cart_count_empty %} <p class="cart_block_no_products">Ваша корзина пуста</p> {% ELSE %} <ul id="cart-sidebar" class="products"> {% FOR cart_items %} <li class="cart-item"> <a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}"> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"> </a> <div class="cart-block-info"> <div class="product-name"> <a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a> {% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </div> <div class="cart_block_price"> <span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"> </a> </li> {% ENDFOR %} </ul> {% ENDIF %} <div class="bottom-action actions"> {% FOR cart_sum %} <div class="cart-prices"> <span>Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </div> {% ENDFOR %} <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a> <a class="button" href="{CART_URL}" title="Перейти к оформлению заказа" >В корзину</a> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /END Верхняя часть Шапки --> <!-- Логотип --> <div id="header" class="wrap"> <div class="container"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> </div> <!-- /END Логотип --> <!-- Меню --> <div id="menu" class="wrap"> <div class="container"> <div class="row"> <div id="custommenu"> <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></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 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> </div> </div>
замените на:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <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> </div> </div> <!-- /END Верхняя часть Шапки --> <div id="header" class="wrap"> <div class="container"> <!-- Логотип --> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- Логотип --> <div class="header-col-right right"> <!-- Поиск --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form> <div class="header-tools"> <!-- Меню пользователя --> <div class="myaccount"> <div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div> <div class="content"> <ul class="links"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li> <li><a href="{CART_URL}" title="Корзина"><i class="fa fa-shopping-cart"></i>Корзина</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li> <li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li> {% ENDIF %} </ul> </div> </div> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}"> <div class="tongle"> <a href="{COMPARE_URL}" title="Перейти к сравнению"> <i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span> </a> </div> <ul id="compare-items" class="content"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 6 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove-compare fa fa-close" title="Убрать товар из списка сравнения"></a> <div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- Корзина --> <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="tongle cart-status"> <a href="{CART_URL}" title="Перейти в корзину"> <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> </a> </div> <div class="content dropdown-cart"> <div class="cart_block_list"> {% IF cart_count_empty %} <p class="cart_block_no_products">Ваша корзина пуста</p> {% ELSE %} <ul id="cart-sidebar" class="products"> {% FOR cart_items %} <li class="cart-item"> <a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}"> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"> </a> <div class="cart-block-info"> <div class="product-name"> <a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a> {% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </div> <div class="cart_block_price"> <span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"> </a> </li> {% ENDFOR %} </ul> {% ENDIF %} <div class="bottom-action actions"> {% FOR cart_sum %} <div class="cart-prices"> <span>Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </div> {% ENDFOR %} <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a> <a class="button" href="{CART_URL}" title="Перейти к оформлению заказа" >В корзину</a> </div> </div> </div> </div> </div> </div> <!-- Меню --> <div id="menu" class="wrap"> <div class="container"> <div class="row"> <div id="custommenu"> <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></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 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> </div> </div> </div> </div>
#3
Отправлено 03 Февраль 2017 - 23:04
2. Лого сместить левее
3. Ссылки так же сместить левее и по высоте разместить по нижнему уровню логотипа
3. Рядом с поиском добавить номер телефона
4. Поиск сделать больше по размерам. Границы поиска сдлеать черным цветом, заливка белая. Цвет шрифта внутри - черный. Значок поиска - красный
#4
Отправлено 04 Февраль 2017 - 09:52
zoovmeste (03 Февраль 2017 - 23:04) писал:
2. Лого сместить левее
3. Ссылки так же сместить левее и по высоте разместить по нижнему уровню логотипа
3. Рядом с поиском добавить номер телефона
4. Поиск сделать больше по размерам. Границы поиска сдлеать черным цветом, заливка белая. Цвет шрифта внутри - черный. Значок поиска - красный
Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
1. В шаблоне main.css найдите, пожалуйста, данный код:
#logo { margin: 0; padding: 15px 0 10px 35px; float: left; }
И замените его вот этим вот кодом:
#logo { margin: 0; padding: 15px 0 10px 0px; float: left; }
2. После чего в том же шаблоне найдите, пожалуйста, следующий код:
#slideshow { margin-top: -188px; position: relative; z-index: 10; }
И замените его вот этим вот кодом:
#slideshow { margin-top: 0px; position: relative; z-index: 10; }
#5
Отправлено 04 Февраль 2017 - 22:46
#6
Отправлено 06 Февраль 2017 - 17:43
#7
Отправлено 08 Февраль 2017 - 07:21
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Поиск --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form>
перед ним вставьте:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div style="float: left;margin-top: 10px;margin-right: 10px;"><em class="fa fa-phone"> </em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></div>{% ENDIF %}
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow { margin-top: 0px; position: relative; z-index: 10; }
замените на:
#slideshow { margin-top: -197px; position: relative; z-index: 10; float: left; margin-bottom: 20px; }
далее найдите:
#custommenu ul.mainnav { margin-bottom: 20px; text-align: center; }
замените на:
#custommenu ul.mainnav { text-align: center; margin-top: -50px; }
далее найдите:
#search_mini_form input { background: #232323; color: #ccc; border: none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 200px; padding-left: 10px; padding-right: 30px; }
замените на:
#search_mini_form input { background: #fff; color: #000; border: 1px solid #232323; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 300px; padding-left: 10px; padding-right: 30px; }
далее найдите:
#search_mini_form button.button:before { content: "\f002"; font-family: FontAwesome; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #fff; }
замените на:
#search_mini_form button.button:before { content: "\f002"; font-family: FontAwesome; width: 32px; height: 32px; text-align: center; line-height: 32px; color: red; }
Результат должен быть следующий:
#9
Отправлено 09 Февраль 2017 - 04:55
#mommenu { display: block; position: absolute; top: 80px; z-index: 11; }
замените на:
#mommenu { display: none; position: absolute; top: 80px; z-index: 11; }
далее найдите:
#custommenu { display: none; }
замените на:
#custommenu { margin: 10px 0 0 0; }
#12
Отправлено 13 Февраль 2017 - 17:31
Vaccina (09 Февраль 2017 - 04:55) писал:
#mommenu { display: block; position: absolute; top: 80px; z-index: 11; }
замените на:
#mommenu { display: none; position: absolute; top: 80px; z-index: 11; }
далее найдите:
#custommenu { display: none; }
замените на:
#custommenu { margin: 10px 0 0 0; }
#13
Отправлено 15 Февраль 2017 - 03:23
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
после него пропишите:
#logo + .header-col-right > div:first-child { position: absolute; top: -30px; }
далее найдите:
#custommenu ul.mainnav { text-align: center; margin-top: -50px; }
замените на:
#custommenu ul.mainnav { text-align: right; margin-top: -50px; padding-right: 2%; }
#14
Отправлено 15 Февраль 2017 - 23:08
в мобильной версии, по прежнему все плохо
#15
Отправлено 17 Февраль 2017 - 06:39
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav { text-align: right; margin-top: -50px; padding-right: 2%; }
немного увеличьте значение стиля padding-right, например:
#custommenu ul.mainnav { text-align: right; margin-top: -50px; padding-right: 13%; }
Далее найдите:
@media all and (max-width: 481px) {
после него пропишите:
#custommenu ul.mainnav { padding-right: 0; }
На счет мобильной версии уточните пожалуйста, что необходимо исправить?
#18
Отправлено 19 Февраль 2017 - 10:04
zoovmeste (18 Февраль 2017 - 20:23) писал:
Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В самый конец шаблона font-awesome.css добавьте, пожалуйста, данный код:
.fa-percent:before{content:"\f295";}
#19
Отправлено 19 Февраль 2017 - 13:52
RayLi (19 Февраль 2017 - 10:04) писал:
В данном случае вам необходимо произвести следующие изменения:
В самый конец шаблона font-awesome.css добавьте, пожалуйста, данный код:
.fa-percent:before{content:"\f295";}
#20
Отправлено 21 Февраль 2017 - 11:29
zoovmeste (19 Февраль 2017 - 13:52) писал:
@media all and (max-width: 481px) {#custommenu ul.mainnav { padding-right: 0; }и замените его на
@media all and (max-width: 481px) { #custommenu ul.mainnav { padding-right: 0; margin-top:0px }
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных