# Horizontal scrollbar in a certain width range

**URL:** https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544
**Category:** Bug
**Created:** [August 26, 2015, 2:00pm UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544 "2015-08-26T14:00:00Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Hector](https://avatars.discourse-cdn.com/v4/letter/h/43a26b/32.png) [@Hector](https://meta.discourse.org/u/Hector)
#### Post date: [August 26, 2015, 2:00pm UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/1 "2015-08-26T14:00:00Z")

</div>

There is a width range where the horizontal scrollbar is shown. In chrome in windows is from 1000px to 1028px. This is particularly annoying in a 1024px monitor.

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [August 27, 2015, 9:47pm UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/2 "2015-08-27T21:47:15Z")

</div>

[https://github.com/discourse/discourse/pull/3702](https://github.com/discourse/discourse/pull/3702)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [August 27, 2015, 10:15pm UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/3 "2015-08-27T22:15:59Z")

</div>



---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 15, 2015, 4:45am UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/4 "2015-09-15T04:45:33Z")

</div>

Reopening cause of:

 ![](https://global.discourse-cdn.com/meta/original/3X/e/e/ee274776b21f6ee983c66c7e7523ec054294228b.png)

Any horizontal scrollbar will wreak complete havoc on our code that scrolls you to the position you need to be on the page when visiting a topic.

Fixing this

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 15, 2015, 4:45am UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/5 "2015-09-15T04:45:38Z")

</div>



---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [September 15, 2015, 5:40am UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/6 "2015-09-15T05:40:36Z")

</div>

```plaintext
@media (max-width: 940px)
#topic-progress, #topic-progress-expanded {
    left: 295px;
}

```

It has to do with the ‘left’ position of ‘#topic-progress, #topic-progress-expanded’. It needs to be reduced by about 16px. I think it is set in 2 different media queries.

It’s possible that a lot of positioning issues could be simplified by moving to the border-box box-sizing model.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 15, 2015, 5:43am UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/7 "2015-09-15T05:43:05Z")

</div>

This fixes a rather common one cause on windows at 1920x1200 at exactly half (which is super easy on win10) you get the scrollbar

Side effects include:

https://www.youtube.com/embed/jyXTDT4nRcY?feature=oembed&wmode=opaque

&nbsp;

> <https://github.com/discourse/discourse/commit/4758144f6a48420f8687c0a19473055ae0375036>

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 15, 2015, 5:43am UTC](https://meta.discourse.org/t/horizontal-scrollbar-in-a-certain-width-range/32544/8 "2015-09-15T05:43:55Z")

</div>