• ДОБРО ПОЖАЛОВАТЬ В КЛУБ ПО WORDPRESS

    Мы активно растущий клуб по WordPress и нам нужна помощь каждого человека, в том числе и Ваша! Не стесняйтесь и станьте частью большого сообщества.
    Мы делимся новостями, отытом и полезными советами! Пройдите простую регистрацию, чтобы пользоваться всеми возможностями нашего клуба.

    Присоединяйтесь к нам, вам обязательно понравится - Присоединится

Вопрос Отключить липкое меню

Colot

НОВИЧОК

Colot

НОВИЧОК
Сообщения
3
Здравствуйте. Помогите отключить липкое меню средствами css в теме Tribunal. Не могу найти нужный класс.
 

ikonkov

СВОЙ

ikonkov

СВОЙ
Сообщения
97
При прокрутке вниз <header id="site-header"> присваивается класс site-header-fixed
Вот на эти классы он влияет
CSS:
.header-layout-1.site-header-fixed .header-navigation-wrapper, .header-layout-2.site-header-fixed .header-navbar, .header-layout-3.site-header-fixed .header-navigation-wrapper
Соответственно чтобы на уровне CSS отключить его надо написать

CSS:
.header-layout-1.site-header-fixed .header-navigation-wrapper, .header-layout-2.site-header-fixed .header-navbar, .header-layout-3.site-header-fixed .header-navigation-wrapper {
position: static !important;
}

Правильным решением будет не костыль CSS, а выпил этого кода из /wp-content/themes/tribunal/assets/lib/custom/js/custom.js

JavaScript:
    $(window).scroll(function () {
        if ($(window).scrollTop() > 350) {
            $("#site-header").addClass("site-header-fixed");
        } else {
            $("#site-header").removeClass("site-header-fixed");
        }
    });
Так не будет лишнего импортанта и лишнего скрипта
 
Последнее редактирование:

ikonkov

СВОЙ

ikonkov

СВОЙ
Сообщения
97
Благодарю. Правка кода при обновлении темы не слетит?
Если CSS костыль в Дополнительных стилях написать то не слетит, а вот файл скрипта может и обновиться. Тут надо по уму child тему делать, но это уже совсем другая история. Ну или после обновления темы заново выпилить этот скрипт. По сути вещь то элементарная.
 

Топ поддержки


Сверху