How do I make the whole area of a list item in my navigation bar, clickable as a link?

Don’t put padding in the ‘li’ item. Instead set the anchor tag to display:inline-block; and apply padding to it.