Menu item bug

Hi,

No matter how far up or down I scroll, the menu item "Bio" stays highlighted green once I scroll down to the div that contains id="bio"

It appears that a "current" class is getting added to the Bio "a" tag

When I comment out the list item tag for "Merch" below the "Bio" menu item in the menu container, the bug disappears.

Hi,

I see the bug in the video that you attached.

It seems that when scrolling down through the entire Bio div, "Bio" remains highlighted. But, for the "Music" menu item for the music div its scrolls up to the last paragraph of the Bio div for it to highlight instead of going to the "Music" heading tag. Also, the video menu item doesn't highlight at all when scrolling down and when clicking Bio it goes to the "Follow" text div above the Bio div instead. Is there a way to disable that "current" class for the menu items when scrolling so it doesn't highlight with a color? I want the animation but not the current class that gets put on the menu items. Also, is there a way when clicking on the menu item it goes to the heading of the div like "Music" or "Bio" on the page instead of the text from the previous div?

.menu-item:hover > .menu-link, .menu-item.current > .menu-link { color: #444; }

If I add the above code in css/custom.css, it removes the highlighted color when scrolling which is what I want. As you can see in the video that you attached even when scrolling all the way down the "Music" menu item never highlighted like it was supposed to only "Bio" so if I match the "current" color as #444 the bug will not be visible. Is adding that css the proper way to resolve this or do I need to modify the js to remove the current class from applying? I think it's in js/functions.js