Clickable area outside of intended links in navbar

I’m trying to remove the clickable area outside of the intended links on my navbar, but have unsuccessful. I placed a border around the links, so it’s easier to see what I am talking about. I would also like to make the h1 and p text unclickable but having trouble with that as well.

Any help will be greatly appreciated! Thank you!

Here’s a link to my codepen

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

You forgot to close your <a> tags.

<li class="about"><a href="#">About</li>
<!--      You're missing </a> here ^ -->

Thank you so much. Ive been crawling forums for two days trying everything except the obvious