Q: This is a common CSS issue. When using
<a href="#heading"></a> to navigate around the article, the
Sticky will coverd the heading like this CodePen
A: There’s hundred of ways to fix it, but this is probably the easiest way to do it (CSS only):
You need to replace
3remwith the height of your nav, play with it in CodePen!
Quick Fix is a series of my solution for some random problem
5 More Must Know CSS Tricks That Almost Nobody Knows