# Site not responsive in tablet

**URL:** <https://meta.discourse.org/t/site-not-responsive-in-tablet/241351>\
**Category:** Bug\
**Tags:** advertising, sidebar\
**Created:** [October 8, 2022, 5:29pm UTC](https://meta.discourse.org/t/site-not-responsive-in-tablet/241351 "2022-10-08T17:29:00Z")\
**Posts on this page:** 1\
**Showing post:** 17

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [October 10, 2022, 5:54am UTC](https://meta.discourse.org/t/site-not-responsive-in-tablet/241351/17 "2022-10-10T05:54:02Z")

</div>

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.

 ![Screenshot 2022-10-10 at 7.42.39](https://global.discourse-cdn.com/meta/original/4X/0/d/a/0dade7978248a8360941f5a3d6f1f760570c6b10.png)

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

```scss
.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);
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/site-not-responsive-in-tablet/241351)._