[Solved] Header active class isn’t being set correctly [closed]

by


The reason is in your website, when you click on the navbar links, it doesn’t scroll completely to that section, because of the navbar height. You have used a template, so according to how they have written the page-scroll code, they have purposely scrolled a little above the section considering the height of the navbar. To avoid this

Solution 1

1 – Go to your custom.js line number 45.

2 – Increase the value of scrollTop: target.offset().top - 40 to scrollTop: target.offset().top or may be more, depending on you.

But if you do this obviously the title of the section will be hidden behind the navbar. I have suggested another cleaner solution below.

Solution 2

You can simply add a margin-top: 80px; to each section (statistics, overview etc.).

8

solved Header active class isn’t being set correctly [closed]