How to defult to mobile layout in tablets?

right now my site looks good in mobiles and desktops but in tablets 8" to 10" the top navigation kind of breaks , is there any way to show default mobile layout in tablets too ?

so the navigation is breaking when size of the screes are

@media (min-width: 768px) and @media (min-width: 992px)

so i want my site default to mobile layout in above screen sizes too.


Thanks in adavnce

This isn’t Roots related… but you need to look into changing Bootstrap variables, like @grid-float-breakpoint / @screen-sm-min. If you still have questions post on somewhere like Stack Overflow.