CSS Menu Help

[MacBaze]

I can not get my menu to work. What am I overlooking?


The Link1 and link2 both show the same sub menu and link2 sub menu shows up under link1? Any ideas?


Thanks, EB


<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="mynav_navbar">
<a href="#home">Home</a>
<div class="mynav_dropdown">
<button class="mynav_dropbtn">
Link1
<i class="fa fa-caret-down"></i>
</button>
<div class="mynav_dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
<button class="mynav_dropbtn">
Links2
<i class="fa fa-caret-down"></i>
</button>
<div class="mynav_dropdown-content">
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
</div>
</div>
</div>
</div>
</nav>

Continue reading...