Recently, I designed a vertical menu bar using a Dreamweaver template with CSS styling. Subsequently, I added a submenu feature that I intended to have pop out from the left side of the main menu links they are associated with. Despite numerous attempts and extensive research efforts, I have been unable to achieve the desired outcome. Upon further investigation, it seems that my CSS file may be the culprit hindering the proper functionality of the submenu.
Currently, everything appears in a vertical layout. While the submenu remains hidden as intended, it unexpectedly pops down upon hover instead of expanding to the left. I am seeking assistance with this issue as I have dedicated nearly a week trying to resolve it without success. Your help will be greatly appreciated. Thank you in advance.
HTML
<div class="sidebar1">
<nav>
<ul id="navbar">
<!-- Menu items go here -->
</ul>
</nav>
<aside>
<p> Some informational text can go HERE</p>
</aside>
</div>
CSS
@charset "utf-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #42413C;
margin: 0;
padding: 0;
color: #000;
}
/* All other CSS styles go here */