@MLimad
@Uriasmanu
Submitted
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.
@MLimad
Posted
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
@NgocMinhThuNguyen
Submitted
Hi there!
I'd be happy if you can give some feedback on my work!
Have a nice day!
Thank you!
@MLimad
Posted
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
