I Have a question, trying to work on a code with vanilla JS on responsive menu. I manage to to show my desktop menu but when it hits the 530px max-width it shows the burger icon, and have a functionally of toggle open and hide the menu, but it dosent seem to work right, for what i want, its just basically to show and hide the menu on mobile phone, but when i press the icon to hide on mobile and open in desktop mode the menu its gone and it should go back to its original state, full menu layout Desktop, i also been using browserSync to see both mobile and desktop changes at the same time but both does the same thing, and i don’t think its best practices to do. it should only show and hide on mobile but not in desktop.
Hope you all can help me…i did few things with my code in vanilla js. basic things. Here is the codepen.
and the browser sync if someome its not familiar to it.