Панель администратора и исправлена ​​проблема с заголовком?

Я сделал так, чтобы мой заголовок имел фиксированную верхнюю позицию. Когда вы вошли в WordPress, панель навигации wp admin покрывает верхнюю часть моего заголовка, что делает невозможным доступ к моей главной навигации. Я хотел бы, чтобы навигационная панель администратора wp выдвигала мою верхнюю навигацию ниже, чтобы оба были видны. Кто-нибудь знает какое-либо решение, чтобы решить эту проблему?

Пример моей проблемы можно найти на ... www.nickriversdesign.com/dev

в вашем CSS вы можете попробовать что-то вроде: body.logged-in{margin-top:20px;}или, если это не работает какой-то другой код, используя .logged-inкласс

Попробуйте добавить это в свой файл CSS:

body.admin-bar #branding-wrap{top: 28px;} 
body.admin-bar #wrapper{margin-top: 145px;}

body.admin-barзаявление на фронте будет убедиться , что эти стили только получить применяется , когда панель администратора видна.

Я полагаю, что на устройствах с меньшей шириной wpadminbar не является фиксированным. Поэтому, если вы прокручиваете документ на смартфоне, панель администратора будет следовать за прокруткой и не будет оставаться в верхней части окна. Имея это в виду, почему бы не добавить немного javascript в нижний колонтитул вашей темы сразу после wp_head()звонка. Таким образом, мы можем указать ширину устройства и определить, есть ли в документе админ-бар. Затем просто создайте несколько правил CSS и добавьте их в заголовок документа - как показано ниже!

<script>
( function(e) {
    var ab = document.getElementById( 'wpadminbar' );
    if ( typeof( ab ) === 'object' && window.innerWidth >= 610 ) {
        var abh = ab.offsetHeight || ab.clientHeight || ab.scrollHeight;
        var style = document.createElement( 'style' );
        style.id = 'adminbar_main_nav_controle_rules';
        document.getElementsByTagName( 'head' )[0].appendChild( style );
        var rules = document.createTextNode( 'body.admin-bar .main-navigation.fixed { margin-top: ' + abh + 'px !important; }' );
        style.appendChild( rules );
        console.debug( 'wpadmibar space is covered' );
    }
})();
</script>

Предполагая, что у вашей навигации есть класс, 'main-navigation'и при прокрутке вы добавляете 'fixed'к нему другой класс . Измените CSS, чтобы настроить таргетинг на панель навигации, заменив его тем, 'body.admin-bar .main-navigation.fixed'каким вы хотите настроить таргетинг на свой.

Это может быть улучшено, например, проверяя, исправлена ​​ли админ-панель или нет, но сейчас, я надеюсь, это поможет.

Попробуйте это для WordPress 4+. Он проверяет, присутствует ли админ-панель, и, если да, немного сдвиньте фиксированный заголовок, чтобы компенсировать это.

    //fix for admin bar
    if ($('#wpadminbar')[0])
        $('.site-header').css('top', '32px')

Это работает также

body.logged-in > header {  
    margin-top: 32px;  
}  

Я просто использовал этот CSS.

body.admin-bar #main-header  {
padding-top: 32px }

Попробуйте это, это отлично работает

$(document).ready(function() {
    if ($('#wpadminbar')[0]) {
        $('header').css('top', '32px')
    }
});

дать верхнюю панель навигации

.navbar-fixed-top {
    border-width: 0 0 1px;
    padding: 0;
    position: relative!
}