Hi Conor, I had the same issue as Oscar - the nav links not removing the active menu. Is there a simple fix, I'm sure there must be... I tried adding the code snippet you posted below but am unsure where it should be placed..tried a few places within the code but it didn't work, help, please? btw, loving all of your videos!
Hey Conor, quick question, so my hamburger menu pretty much does the same but I'm struggling to get it to go away once I click on a link. The website is a single page that scrolls. So when the hamburger menu is on the screen and I click on a link I want it to go away on its own. Any way you can point me in the right direction to get this to work? Thank you! Amazing video btw!
hey Oscar. Thanks for watching mate. You need to loop. through each link and add an event listener to remove the active class from the menu. Try this navLinks.forEach(link =>{ link.addEventListener('click', ()=>{ nav.classList.remove('active'); }) })
HI Oscar, hope it's ok to jump in here... I. had the same issue. It all works really well except for the menu closing when a link is clicked. Did the solution that Conor offered work? if so, where did you place that code? Thanks
Hi Conor, I had the same issue as Oscar - the nav links not removing the active menu. Is there a simple fix, I'm sure there must be... I tried adding the code snippet you posted below but am unsure where it should be placed..tried a few places within the code but it didn't work, help, please? btw, loving all of your videos!
Hey Conor, quick question, so my hamburger menu pretty much does the same but I'm struggling to get it to go away once I click on a link. The website is a single page that scrolls. So when the hamburger menu is on the screen and I click on a link I want it to go away on its own. Any way you can point me in the right direction to get this to work?
Thank you! Amazing video btw!
hey Oscar. Thanks for watching mate. You need to loop. through each link and add an event listener to remove the active class from the menu.
Try this
navLinks.forEach(link =>{
link.addEventListener('click', ()=>{
nav.classList.remove('active');
})
})
@@ConorBailey Thank you!! I appreciate the help man! I’m going to try it in the morning cheers! Subscribing now! 🤙🏼🍻
Oscar Caicedo no worries mate.cheers for the sub 👍
HI Oscar, hope it's ok to jump in here... I. had the same issue. It all works really well except for the menu closing when a link is clicked. Did the solution that Conor offered work? if so, where did you place that code? Thanks
great work 👌👌👌
dindt work art all for me
Love this
Gracias amigo estaba buscando algo vanilla y no de "fontawesome"
Suscrito
hey! this is a nice work. Do you still have your source code?
I'm not getting an X in the menu toggle, instead im getting something that looks like this (
same
very very cool. Definately looks 'smart' as you brits like to say :)
Hahah cheers mate.
Cool Animations..
Mahesh m Thanks for watching and the comment mate!
@@ConorBailey thanks for the tutorials.
great job
awsome :D