I want to add 2 level dropdown menu just like on this website https://tablet.ninja/ on my website http://www.bitmagz.xyz/ current css code nav { height: 45px; width: 100%; position: relative; } nav ul { padding: 0; margin: 0 auto; height: 45px; text-align: center; } nav li { display: inline; float: left; } nav a { color: #666666; font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; display: block; padding: 0 15px; text-align: center; text-decoration: none; line-height: 45px; } nav li a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } nav li:last-child a { border-right: 0; } nav a:hover, nav a:active { color: #FF9900; text-decoration: none; } nav a#pull { display: none; } Code (markup): I have searched on google and read some article about it, but I am confuse how to implement it to my current css, as each article provide different code