Bootstrap mobile menu full screen?

Question

css

There is a standard bootstrap menu https://codepen.io/Xpycm2000/pen/LjyYrg .
How to do what would be in the mob. version, did it expand to the full height of the page?

Answer 1

You have everything wrapped in a .container that has 15px padding, remove them:

.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

Answer 2

@media (max-width:768px){
  .navbar{
    height: 100vh;
  }
}

?