problems with smooth-scroll-link class

[adonisdesigns]

Hi,

Ive included the smooth-scroll-link class to my menu as shown in the screen shot attached but as you can see on my site it does not work. Am i doing something wrong?

Thanks,
Adonis

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS/JS -> Custom JS -> Insert given below code .

<script>
jQuery(‘li.smooth-scroll-link a’).on(‘click’, function(e) {

var linkHref = jQuery(this).attr(‘href’);

if (linkHref.indexOf(‘#’) === 0) {
var spacerHeight = jQuery(linkHref).height(),
headerHeight = 0;

if (jQuery(‘.sticky-header’).length > 0) {
headerHeight = jQuery(‘.sticky-header’).height();
}
if (jQuery(‘#wpadminbar’).length > 0) {
headerHeight = headerHeight + 28;
}

jQuery(‘html, body’).stop().animate({
scrollTop: jQuery(linkHref).offset().top + spacerHeight – headerHeight – 10
}, 1000, ‘easeInOutExpo’);

e.preventDefault();

} else {
return e;
}

});
</script>
Thanks
Mohammad

[adonisdesigns]

Hi Mohammad,

Thanks for the script but unfortunately that doesn’t seem to have worked.

Adonis

[Mohammad – SUPPORT]

Hi,
I have resolved the issue so please check it now.
Thanks
Mohammad

[adonisdesigns]

Hi Mohammad,

I checked on a few computers and it looks the same to me.

Adonis

[Mohammad – SUPPORT]

Hi,
Its working perfect so please check it now.
Thanks
Mohammad

[adonisdesigns]

Sorry Mohammad but this is what I see on my end. Could it be the way I’ve set up my anchors?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Its working perfect so please check.
Thanks
Mohammad

[adonisdesigns]

Yup your right. Its looking perfect. Thanks so much.

[Rui Guerreiro – SUPPORT]

Great. Thanks Mohammad.
-Rui