Selected ID Tag

Hey cthai!

Your talking about the custom buttons you have setup on the left it looks like. There wouldn’t be a point for this because they do not scroll down with the page.

I haven’t tested it out but you could try adding them to line 81 in the /enfold/js/avia.js file. That is the script we use for the main menu.

Regards,
Elliott

Hey!

It looks like it worked. Good job. :)

You could just add a new line beneath it like so to target your custom links.

$('body').avia_scrollspy({target:'.main_menu .menu li > a'});
$('body').avia_scrollspy({target:'.customLinks'});

Best regards,
Elliott

Hi!

They are adding certain links to the “scrollspy” script we have included with the theme. When these links are clicked on they will do a “smooth scroll” to the anchors and also highlight the link, etc etc.

For the example in my previous post you could just add a class of “customLinks” to each link you want to use scrollspy with.

Cheers!
Elliott

Hi!

When I click on the links it scrolls to the correct area in a smooth manner so it appears to be working. It’s not doing it on your end?

Best regards,
Elliott

Hey!

Maybe something like this in the bottom of your functions.php file.

add_action( 'wp_head', 'enfold_customization_header_scripts' );
function enfold_customization_header_scripts() {
?>
<script type = "text/javascript">
jQuery('.steps a').click(function(){
jQuery('.steps a').removeClass('active');
jQuery(this).addClass('active');
});
</script>
<?php
}

Cheers!
Elliott