How to solve overflow:hidden in CSS that isn't woring?

Question

So, I\'m making a responsive navbar and a hamburger menu with HTML and CSS only. I used checkbox to display the hamburger menu when its on mobile phone size with media queri