Links will not work in the fixed navigation bar


I am currently working on a page with a scrolling nav bar. The bar scrolls fine. However, when I try to have it link to other content, it doesn't work. In fact, the hover effect won't work. The page is up here:

Once you scroll down past the social media icons, the nav bar appears, as I want. When you hover over the links, the home link does not change color and will not go to Facebook and the about link will change color once I've uploaded it to the web but the link still does not work. I feel like I'm going crazy and have tried changing the id of the anchors but that still wouldn't explain why the Facebook link will not work. Any help would be appreciated.

My code can be found here: I'm sorry about how it's setup in there, but I just created an account and I'm not too familiar with how to have the jquery work in there and I felt that was the easiest way to show my code without making this the longest page possible.

The error is here in your javascript:

$('#menu a, #fixedbar a').on('click', function(e) {

e.preventDefault(); on an anchor tag prevents links from opening.