WordPress – Bottom Admin Bar убираем отступ сверху для темы Cactus

Последнее обновление Сен 22, 2021

Не так давно я уже писал о том как как переместить админ бар вниз страницы, и да, я тоже использую разного рода решения для прижатия админ бара WordPress вниз. Прежде всего это удобно во время очередной разработки сайта. Мне очень понравился плагин "bottom admin bar" своей простотой и удобством. Но вот беда, при активации плагина у некоторых тем для WordPress возникает отступ сверху для "липкого" меню. Я покажу как исправить эту проблему на примере темы Cactus.

Скачать плагин можно по ссылке ниже:

https://ru.wordpress.org/plugins/bottom-admin-bar/

И так в начале добавляем в function.php код:


/*
/*Если плагин bottom-admin-bar активирован значит удаляем top 32 у .cactus-fixed-header-wrap
*/
// проверяем активность плагина
require_once( ABSPATH . 'wp-admin/includes/plugin.php' );
if( is_plugin_active( 'bottom-admin-bar/bottom-admin-bar.php' ) ){
wp_enqueue_style( 'PLUGIN_bottom-admin-bar', get_stylesheet_directory_uri() .'/__SDStudio_CSS_INCLUDED_ON_PART/PLUGIN_bottom-admin-bar.css' );
};

Далее в теме добавляем папку "__SDStudio_CSS_INCLUDED_ON_PART" в которой создаем файл "PLUGIN_bottom-admin-bar.css" содержимое которого ниже:


.cactus-fixed-header-wrap { 
    top: 0px !important;
}

Например для дочерних тем "Hestia" это будут данные стили:


nav.navbar.navbar-default.navbar-fixed-top.no-slider.hestia_left { 
    top: 0px !important;
    margin-top: 0px !important;
}

Здесь смысл в том, что нужно вычислить обвертку хедера и задать свои правила отображения меню, а именно CSS свойства которые помогут убрать эти 32 пикселя отступа сверху.

После добавления функции и стилей (если конечно все размещенно правильно) отступ сверху должен изчезнуть, а Ваше настроение подняться на несколько баллов вверх :).

Источник записи: