Почему так происходит? Может кто сталкивался?
3 ответа
Необходимо добавить следующий код в CSS-файл:
body.admin-bar #branding-wrap {top: 28px;}
body.admin-bar #wrapper {margin-top: 145px;}
- класс
body.admin
позволит убедиться, что эти стили применятся только в случае, когда админ-панель видна.
Источник решения: Admin bar and fixed header issue
Это перенесёт админ панель в нижнюю часть страницы сайта.
Вставляем следующий код в functions.php
Если раскомментировать одну строчку кода, перенос админ панели вниз страницы сработает также и в админке сайта.
// Отключение стандартных CSS в HTML-коде
function my_filter_head()
{
remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'my_filter_head');
// CSS для прилепления админки к нижнему краю страницы
function true_move_admin_bar()
{
echo '
<style type="text/css">
html{margin-bottom:32px !important}
* html body{margin-bottom:32px !important}
#wpadminbar{top:auto !important;bottom:0}
#wpadminbar .menupop .ab-sub-wrapper{bottom:32px;-moz-box-shadow:2px -2px 5px rgba(0,0,0,.2);-webkit-box-shadow:2px -2px 5px rgba(0,0,0,.2);box-shadow:2px -2px 5px rgba(0,0,0,.2)}
@media screen and ( max-width:782px ){
html{margin-bottom:46px !important}
* html body{margin-bottom:46px !important}
#wpadminbar{position:fixed}
#wpadminbar .menupop .ab-sub-wrapper{bottom:46px}
}
</style>
';
}
//add_action( 'admin_head', 'true_move_admin_bar' ); // в админке
add_action('wp_head', 'true_move_admin_bar'); // на сайте
Вот что я придумал )
Добавил над шапкой:
<?php
if ( is_admin_bar_showing() ) {
?>
<div style="height:32px"></div>
<?php
}
?>