I am experiencing an issue with the fixed navigation at the top of my site. The navigation links to sections further down on the page, but it overlaps part of the section I link to instead of stopping exactly at the beginning of the section. You can see an example of this here:
What I want is for the bottom of the nav to align perfectly with the start of the section so that there is no overlap. An example of what I'm trying to achieve can be seen here:
Is there a way to accomplish this using CSS alone, or do I need to use JavaScript for this?