Active Sub Menu

Hi,

I would like to apologize for the late response. This css code should add an active menu indicator to the sub menu like in the main menu.

#top .av-subnav-menu > li.current-menu-item a {
    border-bottom: 1px solid #911a20;
}

Use this one if you want to place the indicator at the very bottom.

#top .av-subnav-menu > li.current-menu-item {
    border-bottom: 1px solid #911a20;
}

Best regards,
Ismael

Hi,

Thanks for the update. This script should help.

add_action('wp_footer', 'avf_add_sub_menu_script');
function avf_add_sub_menu_script(){
?>
<script type="text/javascript">
(function($) {
    var menu = document.getElementById("menu-events-sub-menu");
    var current = menu.querySelector(".current-menu-item");
    current.classList.remove('current-menu-item');
    var items = menu.getElementsByClassName("menu-item");

    for (var i = 0; i < items.length; i++) {
    items[i].addEventListener("click", function() {
        var current = document.getElementsByClassName("current-menu-item");
        current[0].className = current[0].className.replace(" current-menu-item", "");
        this.className += " current-menu-item";
    });
    }
})(jQuery);
</script>
<?php
}

Just add it in the functions.php file and then remove the browser cache prior to testing the page.

Best regards,
Ismael

Hi,

You have to use the absolute or the complete url instead of just adding the anchors. Example:

http://www.mysite.com/my-page/#section

Best regards,
Ismael