How to limit Ionic app width in Ionic v4?

Ionic Framework
1

Used the following in Ionic v3 in my App.scss file:

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

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

I put it in the global.scss in v4 but it no longer works , I suspect it has something to do with the .app-root.

2

found the solution to be changing .app-root to be ion-app, like

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

1 Like