The menu is functioning properly without the sub-menu. However, once I add the sub-menu, only the sub-menu items are clickable and not the main menu items.
<div id="menu">
<ul>
<li>
<a href="site.php?page=home" class="active" > Home </a>
<ul>
<li><a href="site.php?page=Account%20Summary" >Account Summary</a></li>
<li><a href="site.php?page=Total%20Transaction" >Total Transaction</a></li>
<li><a href="site.php?page=Claim%20Points" >Claim Points</a></li>
<li><a href="site.php?page=Redeem%20Points" >Redeem Points</a></li>
<li><a href="site.php?page=Profile" >Profile</a></li>
</ul></li>
<li><a href="site.php?page=about" > About Us </a></li>
<li><a href="site.php?page=restaurants" > Restaurants </a></li>
<li><a href="site.php?page=howItWorks" > How It Works </a></li>
<li><a href="site.php?page=contact" > Contact </a></li>
</ul>
</div>
Does anyone have suggestions on how to make both the main menu and sub-menu items clickable simultaneously?
Please note: The sub-menu is visible only to logged-in users.