Why isn't this css being applied?

I’ve tried applying the below CSS (taken from another forum post here) to limit the screen width on PCs. It doesn’t seem to be getting applied though. I’ve put it in the Ionic variables.css file and also directly imported on a specific page like import "./mycss.css".

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

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

When I open chrome DevTools it’s saying my width is 1536. So it should be getting applied but it’s not. What am I missing?

2 posts - 2 participants

Read full topic