В этом фрагменте кода вам нужно будет заменить #your-menu-idи .your-menu-classна значения, на которые вы хотите нацелиться в HTML.
Вот как мы добавили его на наш тестовый участок и настроили для воздействия на пораженную область.
Измененный CSS-код
CSS содержит четыре правила.
Сначала идут правила margin-topи padding-top. Поскольку админ-бар имеет фиксированную высоту в 32 пикселя, вы будете использовать ее для компенсации конфликтующих CSS.
Далее, для панели администратора также установлено z-indexзначение 9999. Это правило выдвигает ее на передний план дисплея. Используя z-indexправило с более высоким значением, номер телефона мексики вы перемещаете свой заголовок или область навигации на передний план.
Правило positionустановлено relativeтаким образом, чтобы вы могли z-indexего использовать.
После добавления пользовательских правил CSS вам необходимо указать WPCode использовать этот код CSS только тогда, когда сайт просматривает вошедший в систему пользователь.
Прокрутите страницу вниз до раздела «Умная условная логика» и переключите переключатель рядом с опцией «Включить логику».
После этого просто установите опцию условия на «Показать», а затем нажмите «+Добавить новую группу».
Использование условной логики
В правилах логики вам необходимо выбрать «Вход выполнен» > «Есть» > «Истина».
Наконец, в правом верхнем углу экрана просто нажмите «Сохранить фрагмент» и переключите его из состояния «Неактивно» в состояние «Активно».
Сохранить пользовательский CSS
Теперь вам нужно зайти на свой сайт и проверить, правильно ли отображаются навигационное меню и область заголовка над панелью администратора.
Если у вас не получилось сделать все правильно с первого раза, попробуйте изменить margin-topзначение или указать другие идентификаторы или классы CSS.
