When resizing screen to 768px the navigation change style

Question

I am building mobile navigation. When the screen size is smaller then 768px it stays in the black header. As long as the site is wide 768 the navbar appear in row outside the black header. I want this nav to always stay in the black header and not change style when screen is larger then 768px. How do I do this?

I played around with the media quires of 768, but nothing seems to work..

Answer 1

You can try like this

@media only screen and (min-width: 768px) {
   //Put some css here that will make nav to stay in the black header
}