One Page Navigation not functioning

[mberning_999]

I have read through documentation and setup the menu and page to specifications but the navigation is not highlighting the page section as page is scrolled. Could you please provide recommendation. Thanks

Here is the page I am http://www.classicfarmproducts.com/

[Joao]

Thanks for writing in.

Pro header builder doesn’t support one-page navigation yet, it’s only applicable for the standard header, for now. Please add this code to your global custom javascript as a temporary fix.

jQuery( function($){

$(document).on('click', 'ul#menu-main-menu.x-menu a[href^="#"]',  function( e ) {

e.stopPropagation();

$('html, body').stop().animate( { scrollTop : $($(this).attr('href')).offset().top - $(this).parent().height()  }, 'linear' );

} );

} );

This is only applicable in your current setup and this may not work in the future. And we can’t cover any snippets and custom codes when it fails due to updates and compatibility issue. You may remove it as well when one-page navigation for Pro header becomes available

Thanks!

[Stijn]

I’m having the same problem with my website: http://2017.bart-vanthournout.be/
It’s not highlighting the active “page” of my onepager.

Please advise how to fix?

[rad]

Hi there,

It doesn’t have one-page navigation, it’s just a header with fixed positioning. Please edit your page and go to Page settings or X settings section and find the One Page Navigation option. Then select the menu that you wish to use as one-page navigation.

Hope this helps