Как правильно перенести панель навигации (бордер)

[AnWey]

Подскажите как правильно перенести или вставить панель навигации выше напротив лого. 

 

Питался сам перенести, но увы, не много криво получается. 

Если вписать в код display: flex;

#ipsLayout_header header {
    background-color: rgb( var(--theme-header) );
    color: rgb( var(--theme-header_text) );
    display: flex;
}

[Mano]

AnWey если делать сразу нормально, а не через Ж, то надо перевёрстывать всё целиком, чтобы на всех устройствах было норм.

[AnWey]

6 минут назад, Elhombre сказал:

AnWey если делать сразу нормально, а не через Ж, то надо перевёрстывать всё целиком, чтобы на всех устройствах было норм.

Да это только ПК, на других устройствах оно свернуто отдельно и нормально.

Как этот кусок перенести ? 

[Mano]

AnWey ну так слёту не скажешь, надо смотреть. Вот вроде получилось.

 

13 минут назад, AnWey сказал:

Да это только ПК, на других устройствах оно свернуто отдельно и нормально.

Как этот кусок перенести ? 

Просто весь код с <nav> перенес в <div> с логотипом. Там ничего сложного то

[AnWey]

42 минуты назад, Elhombre сказал:

AnWey ну так слёту не скажешь, надо смотреть. Вот вроде получилось.

 

Просто весь код с <nav> перенес в <div> с логотипом. Там ничего сложного то

Можно скрин, как код перенесли , то у меня не получается( 

[Mano]

AnWey вот что в итоге получится должно

Спойлер

<div class="ipsLayout_container">
                        
                            

<a href="https://anweyproject.com/" id="elLogo" accesskey="1"><img src="https://anweyproject.com/uploads/monthly_2020_11/AnWeyProject_Logo2.png.2a1f9babc4db41786d8c7033e2bd6bdc.png" alt="AnWey Project - Музыкальный форум"></a>

                                

                          
                        
                    <nav data-controller="core.front.core.navBar" class="ipsNavBar_noSubBars ipsResponsive_showDesktop" id="ips_uid_6196_2">
        <div class="ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars">
            <ul data-role="primaryNavBar" class="ipsClearfix">
                

    
        
        
        <li id="elNavSecondary_34" data-role="navBarItem" data-navapp="sdsalespro" data-navext="Offers" data-originalwidth="91.7344">
            
            
                <a href="https://anweyproject.com/index.php?/offers/" data-navitem-id="34">
                    Offers<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_14" data-role="navBarItem" data-navapp="gallery" data-navext="Gallery" data-originalwidth="96.5938">
            
            
                <a href="https://anweyproject.com/index.php?/gallery/" data-navitem-id="14">
                    Gallery<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_11" data-role="navBarItem" data-navapp="blog" data-navext="Blogs" data-originalwidth="87.5625">
            
            
                <a href="https://anweyproject.com/index.php?/blogs/" data-navitem-id="11">
                    Blogs<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_46" data-role="navBarItem" data-navapp="core" data-navext="Leaderboard" data-originalwidth="132.094">
            
            
                <a href="https://anweyproject.com/index.php?/leaderboard/" data-navitem-id="46">
                    Leaderboard<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_47" data-role="navBarItem" data-navapp="core" data-navext="CustomItem" data-originalwidth="103">
            
            
                <a href="https://anweyproject.com/index.php?/contact/" data-navitem-id="47">
                    Support<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

                <li class="ipsHide" id="elNavigationMore" data-role="navMore" style="">
                    <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore" id="elNavigationMore_dropdown">More <i class="fa fa-caret-down"></i></a><ul class="ipsHide ipsMenu ipsMenu_auto" id="elNavigationMore_dropdown_menu" data-role="moreDropdown"></ul>
                    <ul class="ipsNavBar_secondary ipsHide" data-role="secondaryNavBar">
                        <li class="ipsHide" id="elNavigationMore_more" data-role="navMore">
                            <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore_more" id="elNavigationMore_more_dropdown">More <i class="fa fa-caret-down"></i></a>
                            
                        </li>
                    </ul>
                </li>
            </ul>
            

    <div id="elSearchWrapper">
        <div id="elSearch" class="" data-controller="core.front.core.quickSearch">
            <form accept-charset="utf-8" action="//anweyproject.com/index.php?/search/&amp;do=quicksearch" method="post">
                <input type="search" id="elSearchField" placeholder="Search..." name="q" autocomplete="off" aria-label="Search">
                <button class="cSearchSubmit" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
                <div id="elSearchExpanded">
                    <div class="ipsMenu_title">
                        Search In
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-role="searchContexts">
                        <li>
                            <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                                <input type="radio" name="type" value="all" checked="" id="elQuickSearchRadio_type_all">
                                <label for="elQuickSearchRadio_type_all" id="elQuickSearchRadio_type_all_label">Everywhere</label>
                            </span>
                        </li>
                        
                        
                            <li>
                                <span class="ipsSideMenu_item" data-ipsmenuvalue="forums_topic">
                                    <input type="radio" name="type" value="forums_topic" id="elQuickSearchRadio_type_forums_topic">
                                    <label for="elQuickSearchRadio_type_forums_topic" id="elQuickSearchRadio_type_forums_topic_label">Topics</label>
                                </span>
                            </li>
                        
                        
                        <li data-role="showMoreSearchContexts">
                            <span class="ipsSideMenu_item" data-action="showMoreSearchContexts" data-exclude="forums_topic">
                                More options...
                            </span>
                        </li>
                    </ul>
                    <div class="ipsMenu_title">
                        Find results that contain...
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="andOr">
                        
                            <li>
                                <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="or">
                                    <input type="radio" name="search_and_or" value="or" checked="" id="elRadio_andOr_or">
                                    <label for="elRadio_andOr_or" id="elField_andOr_label_or"><em>Any</em> of my search term words</label>
                                </span>
                            </li>
                        
                            <li>
                                <span class="ipsSideMenu_item " data-ipsmenuvalue="and">
                                    <input type="radio" name="search_and_or" value="and" id="elRadio_andOr_and">
                                    <label for="elRadio_andOr_and" id="elField_andOr_label_and"><em>All</em> of my search term words</label>
                                </span>
                            </li>
                        
                    </ul>
                    <div class="ipsMenu_title">
                        Find results in...
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="searchIn">
                        <li>
                            <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                                <input type="radio" name="search_in" value="all" checked="" id="elRadio_searchIn_and">
                                <label for="elRadio_searchIn_and" id="elField_searchIn_label_all">Content titles and body</label>
                            </span>
                        </li>
                        <li>
                            <span class="ipsSideMenu_item" data-ipsmenuvalue="titles">
                                <input type="radio" name="search_in" value="titles" id="elRadio_searchIn_titles">
                                <label for="elRadio_searchIn_titles" id="elField_searchIn_label_titles">Content titles only</label>
                            </span>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
    </div>

        </div>
    </nav></div>

 

Кривовато правда и ссылки не удалил, но суть такая.

Изменено 29 ноября, 2020 пользователем Elhombre

[AnWey]

18 минут назад, Elhombre сказал:

AnWey вот что в итоге получится должно

  Скрыть контент

<div class="ipsLayout_container">
                        
                            

<a href="https://anweyproject.com/" id="elLogo" accesskey="1"><img src="https://anweyproject.com/uploads/monthly_2020_11/AnWeyProject_Logo2.png.2a1f9babc4db41786d8c7033e2bd6bdc.png" alt="AnWey Project - Музыкальный форум"></a>

                                

                          
                        
                    <nav data-controller="core.front.core.navBar" class="ipsNavBar_noSubBars ipsResponsive_showDesktop" id="ips_uid_6196_2">
        <div class="ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars">
            <ul data-role="primaryNavBar" class="ipsClearfix">
                

    
        
        
        <li id="elNavSecondary_34" data-role="navBarItem" data-navapp="sdsalespro" data-navext="Offers" data-originalwidth="91.7344">
            
            
                <a href="https://anweyproject.com/index.php?/offers/" data-navitem-id="34">
                    Offers<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_14" data-role="navBarItem" data-navapp="gallery" data-navext="Gallery" data-originalwidth="96.5938">
            
            
                <a href="https://anweyproject.com/index.php?/gallery/" data-navitem-id="14">
                    Gallery<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_11" data-role="navBarItem" data-navapp="blog" data-navext="Blogs" data-originalwidth="87.5625">
            
            
                <a href="https://anweyproject.com/index.php?/blogs/" data-navitem-id="11">
                    Blogs<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_46" data-role="navBarItem" data-navapp="core" data-navext="Leaderboard" data-originalwidth="132.094">
            
            
                <a href="https://anweyproject.com/index.php?/leaderboard/" data-navitem-id="46">
                    Leaderboard<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_47" data-role="navBarItem" data-navapp="core" data-navext="CustomItem" data-originalwidth="103">
            
            
                <a href="https://anweyproject.com/index.php?/contact/" data-navitem-id="47">
                    Support<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

                <li class="ipsHide" id="elNavigationMore" data-role="navMore" style="">
                    <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore" id="elNavigationMore_dropdown">More <i class="fa fa-caret-down"></i></a><ul class="ipsHide ipsMenu ipsMenu_auto" id="elNavigationMore_dropdown_menu" data-role="moreDropdown"></ul>
                    <ul class="ipsNavBar_secondary ipsHide" data-role="secondaryNavBar">
                        <li class="ipsHide" id="elNavigationMore_more" data-role="navMore">
                            <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore_more" id="elNavigationMore_more_dropdown">More <i class="fa fa-caret-down"></i></a>
                            
                        </li>
                    </ul>
                </li>
            </ul>
            

    <div id="elSearchWrapper">
        <div id="elSearch" class="" data-controller="core.front.core.quickSearch">
            <form accept-charset="utf-8" action="//anweyproject.com/index.php?/search/&amp;do=quicksearch" method="post">
                <input type="search" id="elSearchField" placeholder="Search..." name="q" autocomplete="off" aria-label="Search">
                <button class="cSearchSubmit" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
                <div id="elSearchExpanded">
                    <div class="ipsMenu_title">
                        Search In
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-role="searchContexts">
                        <li>
                            <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                                <input type="radio" name="type" value="all" checked="" id="elQuickSearchRadio_type_all">
                                <label for="elQuickSearchRadio_type_all" id="elQuickSearchRadio_type_all_label">Everywhere</label>
                            </span>
                        </li>
                        
                        
                            <li>
                                <span class="ipsSideMenu_item" data-ipsmenuvalue="forums_topic">
                                    <input type="radio" name="type" value="forums_topic" id="elQuickSearchRadio_type_forums_topic">
                                    <label for="elQuickSearchRadio_type_forums_topic" id="elQuickSearchRadio_type_forums_topic_label">Topics</label>
                                </span>
                            </li>
                        
                        
                        <li data-role="showMoreSearchContexts">
                            <span class="ipsSideMenu_item" data-action="showMoreSearchContexts" data-exclude="forums_topic">
                                More options...
                            </span>
                        </li>
                    </ul>
                    <div class="ipsMenu_title">
                        Find results that contain...
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="andOr">
                        
                            <li>
                                <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="or">
                                    <input type="radio" name="search_and_or" value="or" checked="" id="elRadio_andOr_or">
                                    <label for="elRadio_andOr_or" id="elField_andOr_label_or"><em>Any</em> of my search term words</label>
                                </span>
                            </li>
                        
                            <li>
                                <span class="ipsSideMenu_item " data-ipsmenuvalue="and">
                                    <input type="radio" name="search_and_or" value="and" id="elRadio_andOr_and">
                                    <label for="elRadio_andOr_and" id="elField_andOr_label_and"><em>All</em> of my search term words</label>
                                </span>
                            </li>
                        
                    </ul>
                    <div class="ipsMenu_title">
                        Find results in...
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="searchIn">
                        <li>
                            <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                                <input type="radio" name="search_in" value="all" checked="" id="elRadio_searchIn_and">
                                <label for="elRadio_searchIn_and" id="elField_searchIn_label_all">Content titles and body</label>
                            </span>
                        </li>
                        <li>
                            <span class="ipsSideMenu_item" data-ipsmenuvalue="titles">
                                <input type="radio" name="search_in" value="titles" id="elRadio_searchIn_titles">
                                <label for="elRadio_searchIn_titles" id="elField_searchIn_label_titles">Content titles only</label>
                            </span>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
    </div>

        </div>
    </nav></div>

 

Кривовато правда и ссылки не удалил, но суть такая.

Спасибо, суть понял!!! )) 

25 минут назад, Elhombre сказал:

AnWey вот что в итоге получится должно

  Показать контент

<div class="ipsLayout_container">
                        
                            

<a href="https://anweyproject.com/" id="elLogo" accesskey="1"><img src="https://anweyproject.com/uploads/monthly_2020_11/AnWeyProject_Logo2.png.2a1f9babc4db41786d8c7033e2bd6bdc.png" alt="AnWey Project - Музыкальный форум"></a>

                                

                          
                        
                    <nav data-controller="core.front.core.navBar" class="ipsNavBar_noSubBars ipsResponsive_showDesktop" id="ips_uid_6196_2">
        <div class="ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars">
            <ul data-role="primaryNavBar" class="ipsClearfix">
                

    
        
        
        <li id="elNavSecondary_34" data-role="navBarItem" data-navapp="sdsalespro" data-navext="Offers" data-originalwidth="91.7344">
            
            
                <a href="https://anweyproject.com/index.php?/offers/" data-navitem-id="34">
                    Offers<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_14" data-role="navBarItem" data-navapp="gallery" data-navext="Gallery" data-originalwidth="96.5938">
            
            
                <a href="https://anweyproject.com/index.php?/gallery/" data-navitem-id="14">
                    Gallery<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_11" data-role="navBarItem" data-navapp="blog" data-navext="Blogs" data-originalwidth="87.5625">
            
            
                <a href="https://anweyproject.com/index.php?/blogs/" data-navitem-id="11">
                    Blogs<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_46" data-role="navBarItem" data-navapp="core" data-navext="Leaderboard" data-originalwidth="132.094">
            
            
                <a href="https://anweyproject.com/index.php?/leaderboard/" data-navitem-id="46">
                    Leaderboard<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

    
        
        
        <li id="elNavSecondary_47" data-role="navBarItem" data-navapp="core" data-navext="CustomItem" data-originalwidth="103">
            
            
                <a href="https://anweyproject.com/index.php?/contact/" data-navitem-id="47">
                    Support<span class="ipsNavBar_active__identifier"></span>
                </a>
            
            
        </li>
    
    

                <li class="ipsHide" id="elNavigationMore" data-role="navMore" style="">
                    <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore" id="elNavigationMore_dropdown">More <i class="fa fa-caret-down"></i></a><ul class="ipsHide ipsMenu ipsMenu_auto" id="elNavigationMore_dropdown_menu" data-role="moreDropdown"></ul>
                    <ul class="ipsNavBar_secondary ipsHide" data-role="secondaryNavBar">
                        <li class="ipsHide" id="elNavigationMore_more" data-role="navMore">
                            <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore_more" id="elNavigationMore_more_dropdown">More <i class="fa fa-caret-down"></i></a>
                            
                        </li>
                    </ul>
                </li>
            </ul>
            

    <div id="elSearchWrapper">
        <div id="elSearch" class="" data-controller="core.front.core.quickSearch">
            <form accept-charset="utf-8" action="//anweyproject.com/index.php?/search/&amp;do=quicksearch" method="post">
                <input type="search" id="elSearchField" placeholder="Search..." name="q" autocomplete="off" aria-label="Search">
                <button class="cSearchSubmit" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
                <div id="elSearchExpanded">
                    <div class="ipsMenu_title">
                        Search In
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-role="searchContexts">
                        <li>
                            <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                                <input type="radio" name="type" value="all" checked="" id="elQuickSearchRadio_type_all">
                                <label for="elQuickSearchRadio_type_all" id="elQuickSearchRadio_type_all_label">Everywhere</label>
                            </span>
                        </li>
                        
                        
                            <li>
                                <span class="ipsSideMenu_item" data-ipsmenuvalue="forums_topic">
                                    <input type="radio" name="type" value="forums_topic" id="elQuickSearchRadio_type_forums_topic">
                                    <label for="elQuickSearchRadio_type_forums_topic" id="elQuickSearchRadio_type_forums_topic_label">Topics</label>
                                </span>
                            </li>
                        
                        
                        <li data-role="showMoreSearchContexts">
                            <span class="ipsSideMenu_item" data-action="showMoreSearchContexts" data-exclude="forums_topic">
                                More options...
                            </span>
                        </li>
                    </ul>
                    <div class="ipsMenu_title">
                        Find results that contain...
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="andOr">
                        
                            <li>
                                <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="or">
                                    <input type="radio" name="search_and_or" value="or" checked="" id="elRadio_andOr_or">
                                    <label for="elRadio_andOr_or" id="elField_andOr_label_or"><em>Any</em> of my search term words</label>
                                </span>
                            </li>
                        
                            <li>
                                <span class="ipsSideMenu_item " data-ipsmenuvalue="and">
                                    <input type="radio" name="search_and_or" value="and" id="elRadio_andOr_and">
                                    <label for="elRadio_andOr_and" id="elField_andOr_label_and"><em>All</em> of my search term words</label>
                                </span>
                            </li>
                        
                    </ul>
                    <div class="ipsMenu_title">
                        Find results in...
                    </div>
                    <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="searchIn">
                        <li>
                            <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                                <input type="radio" name="search_in" value="all" checked="" id="elRadio_searchIn_and">
                                <label for="elRadio_searchIn_and" id="elField_searchIn_label_all">Content titles and body</label>
                            </span>
                        </li>
                        <li>
                            <span class="ipsSideMenu_item" data-ipsmenuvalue="titles">
                                <input type="radio" name="search_in" value="titles" id="elRadio_searchIn_titles">
                                <label for="elRadio_searchIn_titles" id="elField_searchIn_label_titles">Content titles only</label>
                            </span>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
    </div>

        </div>
    </nav></div>

 

Кривовато правда и ссылки не удалил, но суть такая.

Еще раз огромное спасибо! теперь я понял как редактировать весь шаблон)))

Вопрос только остался как это в теме организовать )  просто непросто в теме поменять местами расположение контейнеров? 

[Mano]

26 минут назад, AnWey сказал:

Вопрос только остался как это в теме организовать )  просто непросто в теме поменять местами расположение контейнеров? 

Смотря что с чем, надо смотреть уже по факту.

[AnWey]

16 минут назад, Elhombre сказал:

Смотря что с чем, надо смотреть уже по факту.

Даже не знаю какой вариант лучше? 

Перенес вроде норм, ну  я хз)) 

[Mano]

AnWey ну да, норм, всё ровно теперь встало. Как по мне, так последний вариант лучше.

[AnWey]

1 минуту назад, Elhombre сказал:

AnWey ну да, норм, всё ровно теперь встало. Как по мне, так последний вариант лучше.

Спасибо большое! то и не с кем посоветоваться )))  

Просто место пустое осталось, думаю нахре*** его пустым оставлять)