How to limit Ionic app width?

Ionic Framework ionic-v3
4

Thanks to both of you for your answers. I mixed your solutions with some blog stuff to finish with:

@media (min-width: 700px) {
  .app-root {
    width: 700px;
    margin: auto;
    position: relative;
  }

  .scroll-content {
    overflow-y:auto;
  }
}

That way:

  • it’s really dead simple: I don’t need to touch any of my pages individually
  • with the media query it has no effet on mobile
5 Likes