Skip to main content



How to make drop-down menu

First of all, we have to start from HTML structure of the drop-down menu. I decided to make a site without Bootstrap.

                 <nav class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Biography</a></li>
<li><a href="#">Discography</a></li>
<li class="sub-menu"><a href="#">More</a>
<li><a href="">Video</a></li>
<li><a href="">Fanart</a></li>
<li><a href="">Contact</a></li>

I used special HTML5 tag <nav> for main navigation on the site. Make a notice that the drop-down menu is a list <ul> in another <ul>.
The menu looks like this

Now it's time to add CSS and…

Latest Posts