Для этого в разделе бэк-офиса Вашего аккаунта: "Сайт" -> "Редактор шаблонов" , в шаблоне main.css , найдите, пожалуйста, данный блок код:
.header-main-content { width: 100%; } .header-main-content__top { display: flex; align-items: center; margin-bottom: 20px; } .header-main-content__bottom-wrap{ display: flex; align-items: center; justify-content: flex-end; }
И замените его этим кодом:
.header-main-content { display: flex; width: 100%; flex-wrap: nowrap; align-content: center; flex-direction: row; justify-content: space-between; align-items: center; } .header-main-content__top { display: flex; align-items: center; margin-bottom: 20px; } .header-main-content__bottom-wrap{ display: flex; align-items: center; justify-content: center; }
После чего, в том же разделе, в шаблоне HTML, найдите, пожалуйста, следующий блок код:
<div class="header-main-content__bottom _header-mobile" id="headerMobileContent"> <div class="container"> <div class="header-main-content__bottom-wrap"> <!-- Каталог --> <div class="header-catalog"> <a href="/catalog" class="header-catalogBtn"> <span class="header-catalogIcon material-icons">drag_indicator</span> <span class="header-catalogName">Каталог</span> </a> <ul class="header-catalogMenu"> <li class="header-catalogMenuTitle"> <a href="/catalog">Каталог</a> <button class="header-closeBtn"><i class="material-icons">close</i></button> </li> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %} {% IFNOT catalog_full.LEVEL = 0 %} <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}"> {% ENDIF %} {% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"> {catalog_full.NAME} {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"> <span class="material-icons">keyboard_arrow_right</span> </span> {% ENDIF %} {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"> <span class="material-icons">keyboard_arrow_right</span> </span> {% ENDIF %} </a> {% IF catalog_full.ISSET_SUB=0 %} </li> {% ENDIF %} {% IF catalog_full.LAST && catalog_full.LEVEL > 0 %} {%FOR out%} </ul> {%IFNOT catalog_full.out.LAST %} </li> {%ENDIF%} {%ENDFOR%} {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <!-- /Каталог --> <!-- Меню --> <div class="header-sections" id="headerNav"> <nav class="mainnav" itemscope itemtype="[url="https://schema.org/SiteNavigationElement%22>"]https://schema.org/S...gationElement">[/url] <ul class="mainnav__list"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="mainnav__item"><a class="mainnav__link {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </nav> </div> <!-- Поиск --> <div class="header-search" id="headerSearch"> <a class="header-searchLink" href="/search" title="Поиск" rel="nofollow"> <i class="material-icons">search</i> </a> <div class="search"> <div class="search-overlay"></div> <div class="search-wrapper"> <div class="container"> <form id="search_mini_form" class="search-form" action="{QUICK_SEARCH_URL}" method="get"> <input type="hidden" name="goods_search_field_id" value="0"> <input required type="text" name="q" value="" class="input search-string search-input" placeholder="Поиск по магазину" autocomplete="off"> <button type="submit" title="Искать" class="search-submit"> <i class="material-icons">search</i> </button> <button type="reset" title="Закрыть" class="search-close"> <span class="header-searchIcon"> <i class="material-icons">close</i> </span> </button> </form> <div id="search-result" style="display: none;"> <div class="container"> <div class="inner"> <div class="result-category"></div> <div class="result-goods"></div> </div> </div> </div> </div> </div> </div> </div> <!-- /Поиск --> </div> </div> </div>
И затем, перенесите его перед данным блоком кода:
<div class="header-main-content__top"> <!-- Контакты -->