Fix braku klasy current-menu-item na stronie głównej w menu

Czasami może się zdarzyć, że w szablonie WordPress menu nie oznacza aktywnego elementu klasy current-menu-item. Można to naprawić prostym skryptem JavaScript.

JavaScript

window.onload = function () {

    var zakladkaHome = document.getElementsByClassName('wp-block-navigation-item')[0];

    if (window.location.href == "https://projektninja.com/") {
        zakladkaHome.classList.add('current-menu-item');
    } else {
        zakladkaHome.classList.remove('current-menu-item');
    }

}

Powyższy skrypt dodaje klasę current-menu-item do pierwszego elementu menu na stronie głównej. Jeśli strona nie jest stroną główną, klasa jest usuwana.

Wróć