Site not responsive in tablet

Hello, Oh yeah, I can repro it. It seems to the bottom .loading-container max-width under 790px cause this with open sidebar on topic pages.

Probably it should be good if adds to the core the --d-sidebar-width to this calculation when .has-sidebar-page available?

But I think you’ll have better experience on that screen size on mobile view.

Summarize:

On the latest page the top ad fixed width cause this and on the topic pages that I mentioned above.

This quick fix should works for you.

Desktop / CSS

.google-adsense .google-adsense-content {
  max-width: 100%;
  .adsbygoogle {
    max-width: 100%;
    > div {
      max-width: 100%;
    }
  }
}

@media all and (max-width: 790px) {
  body.has-sidebar-page {
    .topic-area > .loading-container {
      max-width: calc(100vw - var(--d-sidebar-width) - 32px);
    }
  }
}
2 Likes