Sub Menu Active Indicator

Hey frankster1234!

I did not find any submenu i think you are talking about the fullwidth submenu element ?

About Us   Mission  Vision  Strategy  Results  Relax  Contact

To highlight fullwidth sub menu when the page is scrolled to the linked section please do the following.

1. Add the below code in functions.php

//One page nav highlight
 
function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.av-submenu-container'),        
         nav_height = menu.outerHeight();
         jQuery(window).on('scroll', function() {
            var cur_pos = jQuery(this).scrollTop();
            sections.each(function() {
                var top = jQuery(this).offset().top - 300,
                    bottom = top + jQuery(this).outerHeight();
                if (cur_pos >= top && cur_pos <= bottom) {
                    menu.find('a').removeClass('active-menu-item');                    
                    menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                }
            });
        });
    });
 
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');

2. Add the below CSS in Enfold > General Styling > Quick CSS

/* Your css styles for active menu item*/
.current_page_item .avia-menu-text, .active-menu-item {
  background:gold!important;
}

Best regards,
Vinay

Hi!

glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

Best regards,
Andy