Documentation Page links in my navbar aren't working

1

"User Story #13 When I click on a navbar element, the page should navigate to the corresponding section of the main-doc element (e.g. If I click on a nav-link element that contains the text “Hello world”, the page navigates to a section element that has that id and contains the corresponding header"

here is the link to my code https://codepen.io/SamRad1996/pen/mNJRbW?editors=1100
the links on the navbar stoped working sudenly when i was working on Css , And i’m not sure what’s the main cause of that, but when i remove position: fixed ; from

 #navbar{
  position: fixed;
  display: block;
  top: 0px;
  left:0px;
  height: 100%;
  border-right: solid;
  border-color: #70644C;
}

it starts working again please help me to fix that so my links start working again

2

There is a conflict with main-doc element. If you remove position: absolute from the #main-doc element, the navbar will work fine.

1 Like
3

thank you so much for the help Lauren !