Sub nav menu active links

Hey!

We are working on your ticket please wait while we update the result here soon.

We have checked the menu and the menus are setup correctly.

A modified js code is added to functions.php

// Highlight one page nav

function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     	console.log('one page menu');
     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');

And the below css in quick css

/* Your css styles for active menu item*/
.active-menu-item {

background:#dfdfdf!important;
}

The problem still exist only on this page mentioned in private because when the #ID was added the # was left out please see screenshot. However we have created a new menu called research in appearance > menu and linked that menu to the page.

The issue seem to be in the page and only with 2 sections “Introduction” & “Features” please re-create check the #ID’s if you still have issue please re-create those sections on a draft page should fix the issue.

Regards,
Vinay

• This reply was modified 8 years, 10 months ago by Vinay.

Hey!

Please try this css to get a underline

.active-menu-item:before {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: .5em;
            height: 2px;
            width: -0;
            background: red;
            transition: all 0.3s ease;
        }

Best regards,
Vinay Kashyap