Let me break down the issue I'm facing here. The problem arises with the navigation buttons that have sub-lists nested within them (ul>li>ul). When attempting to click on these buttons, the link does not work unless I specifically click on the text itself, rather than the outer areas of the button. To get a better understanding, take a look at the jsfiddle linked below and try clicking on the "About," "Why," and "Events" tabs - you'll notice that it only redirects to a new page when the text is clicked.
I've been troubleshooting this extensively, but I haven't been able to find a solution. Here's an example with the about tab. I've experimented with placing the anchor tag before the li tag, after the li tag, and nothing seems to resolve the issue.
<li><a href="about.php">About</a>
<ul>
<a href="about.php#expectations"><li>Expectations</li></a>
<a href="about.php#faq"><li>FAQ</li></a>
<a href="laptopprogram.php"><li>Laptop Program</li></a>
</ul>
</li>
To see the exact problem in action, visit this Jsfiddle: http://jsfiddle.net/hmourp8o/