Collapsed Bootstrap navbar on mobile

how to fix overflow-y property in .navbar-collapse.in class? Navbar in collapse is on top of the page:

and I would like to display it bellow like this

In Bootstrap, there is a two properties

.navbar-collapse.in {
    overflow-y: auto;
}

.collapse.in {
    display: block;
}

but it is still on top :/