They’re used to display related information in pieces, without overwhelming the user with buttons, text, and options. I’ve added the above lines of code within the dropdown div in html. Luckily we have checkbox which can be checked and unchecked. First of all lets remove the default checkbox design. I have generalized the label CSS to be applied to all the labels that will appear later on. This fiddle has the sub menu working while still being responsive the entire time. In this tutorial, we will built a simple yet responsive and beautiful dropdown navbar menu with CSS only. I would suggest opening a new pen on Codepen and doing this tutorial step by step to see how it works. Simple CSS3 Responsive … Continue … Now lets try checking the label by clicking on it. HTML for Responsive Drop Down Menu Here, I have presented all these CSS in bulk. How to use it: Create a regular multi-level navigation menu using nested unordered list. So lets do that. Solution: Pure CSS Dropdown Menu With Submenu,Simple HTML CSS Menu with Multi Submenu. Decrease the size of your browser screen. a