rx Responsive Menu Plugin will create a horizontal header menu with default colors and rollover effects. This plugin creates a startup menu template and it is extremely easy to customize like color, height, width and such things. You can connect to this plugin via CDN links or direct files. rx Responsive Menu Plugin is successfully tested in all the latest versions of 'IE Edge', 'IE Explorer (10 and latest)', 'Firefox', 'Chrome' and 'Opera' browsers.
<link href="https://roxunlimited.github.io/rx-Responsive-Menu/rx-res-menu/rx-res-menu.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://roxunlimited.github.io/rx-Responsive-Menu/rx-res-menu/rx-res-menu.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet" />
<link href="rx-res-menu/rx-res-menu.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="rx-res-menu/rx-res-menu.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.rx-res-menu').rxResMenu();
});
</script>
<nav>
<div class="rx-res-menu roboto">
<div class="breadcrumb">Menu</div>
<ul>
<li><a href="">Phasellus</li>
<li class="divider"></li>
<li><a href="">Aliquam Sed</li>
<li class="divider"></li>
<li>
<span>Maecenas</span>
<ul>
<li><a href="">Interdum et malesuada</a></li>
<li><a href="">Fusce vel nibh non</a></li>
<li><a href="">Faucibus tortor</a></li>
<li><a href="">Vestibulum dapibus</a></li>
</ul>
</li>
<li class="divider"></li>
<li><a href="">Sollicitudin</a></li>
<li class="divider"></li>
<li><a href="">Fermentum Enim</a></li>
</ul>
</div>
</nav>
