Avoid menu breaking

[farzadina]

Here is what I don’t want to happen, in my responsive design:
http://imgs.ir/imgs/201307/break.png
And want to page scroll.
_It’s possible to have a codePen if need._

[Lucas4s]

Hi,
You could try using media-queries ( https://css-tricks.com/css-media-queries/ ) to decrease the size of the elements you’re using for the navigation, so it’ll fit the screen.

@media screen and (max-width: 700px) {
  nav ul li a {
    width: ;
    height: ;
  }
}

Sorry if this doesn’t help, navigation bars are had to make responsive.

[farzadina]

Thanks guy, but using min-width solved my problem.

[Author]

Posts