Could someone assist me in solving this issue with the dropdown menu in the mobile version? It's closing when clicking anywhere within the "container-navbar" div. It was working correctly before, but at some point, this started happening, and I'm unable to fix it.
Hello .. From your code Html remove input checkbox and in the script js add some changes like this
const open = document.getElementById('open'); const close = document.getElementById('close'); const menu = document.getElementById('container'); const page = document.getElementById('page'); const navebar = document.getElementById('navebar');
// Open DropDown open.addEventListener('click', function() { open.style.display = 'none'; close.style.display = 'block'; menu.style.display = 'block'; }); // Close DropDown close.addEventListener('click', function() { open.style.display = 'block'; close.style.display = 'close'; menu.style.display = 'none'; });
like you see i removed input variable and i created two functions one for open the dropdown and the other for close it
Hi there!
I'd be happy if you can give some feedback on my work!
Have a nice day!
Thank you!
Hello sir , Something wrong with me , the layout changed on my browser i dont know where is the problem if in the code or not but i still see the design and the colors and the fonts but the layout and positioning of the section i see it differently , from this side in the design comaprison here in frontendmentor it looks pretty cool in the other side the i watched the code i found it very clean so simple you used html 5 tags and the css you used root variables that is so interesting one thing you should add to your code is some commenting that is it good luck sir
