How to Create Responsive Animated Fullscreen Navigation Menu using HTML, CSS & JavaScript

In this video, I will show you how you can easily design / create responsive animated fullscreen nav / navigation menu using HTML, CSS and JavaScript.
Code - bit.ly/3pIed5y

[@xxxxxxx3357]

This tutorial just saved me and my internship. THANK YOU!

[@shivarammuthukumaraswamy7164]

Amazing tutorial.Thank you.

[@milkstorm4818]

LITTT THANK YOU FOR MAKING THIS TUTORIAL LIKED AND SUBBED

[@innovativemind2009]

liked very much

[@quachhai3429]

Good skill

[@thomvanlieshout]

Really nice tutorial, I have only one problem. If I zoom in on my website the overlay shows and the screen becomes in my case pink (which I set as my background-color). Do you know how to fix this?

[@Codingflag]

Please share your code on codepen

[@rosanneross3507]

I did all the tutoriel right but when I did the JavaScript, it show me this error message about the showNav :" ' showNav ' is defined but never used. [no-unused-vars] ". I don't know what to do to correct this error. Can someone help me please? :)

[@Codingflag]

Can you please comment down your code so that I can help

[@rosanneross3507]

My script code is :
function showNav() {
document.getElementsByClassName("navigation")[0].classList.toggle("active");
}

[@Codingflag]

@@rosanneross3507 Please put HTML as well

[@sebastianskowron5873]

Awesome tutorial, have one issue :( I can't change border-radius to something like 10px to be more square look than circle. !important doesn't work, tried everything that i know. Can You help me, my master? :D

[@Codingflag]

You cant do it with clip-path. Here is small trick to achieve same. I have modified source code little bit.
codepen.io/dsr/pen/yLbEORp

[@irtazulislamevan7481]

write the code in the comment box don't get in the link

[@huzzei1]

Is there a way to make the hamburger appear in the center of the screen instead of the right corner?

[@Codingflag]

use below styles to center.
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);

[@huzzei1]

@@Codingflag Thank you so much

[@jannisstefanis9671]

@@Codingflag where do i put the styles?