Technical doc page problem

hi guys how i can extend the nav bar till the end?

maybe you mean to make it always stay on the left of your page(when you scroll and when screen is wide). You can apply position: fixed. You will also have to put a margin on your main section, so it doesnt appear beneath the navbar. You will have to revert those styles for narrow screens, where width wont allow for the naxbar to stick on the left and apply different styling

You have a max-width set on the nav element you need to reset in the media query.

Here you are setting a max-width

nav {
  max-width: 300px;
  background-color: #ddd;
  height: 100vh;
  border-right: 2px solid #777;
}

Here you need to reset it.

@media (max-width: 600px) {
  nav {
    border-right: none;
    border-bottom: 2px solid #777;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
  }
}

You can use the unset value for the property, i.e. max-width: unset

1 Like

thanks for the help !

thank you for the help

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.