Streaming live at 10am (PST)

Sticky navigation bar overlapping

Hey guys, I’m having a bit of a simple problem. I created a sticky nav bar (gave it fixed position along the top, z-index 1, also gave body some padding at the top), so it follows the user throughout the page. The problem is that when I click any of the menu items and the page brings me to the corresponding section, the sticky nav bar is overlapping that section. I really can’t figure out where the problem is. Here is my public link

thanks in advance for your help! :slight_smile:

Solved. I think I messed something up with classes (I am not a coding guru, so doing a lot of class assignments based on intuition rather than really understanding it). I just repeated the steps from this tutorial Adding a fixed navigation bar and assigned Section and Header classes to my nav bar, with Header class having fixed position.

1 Like