# Admin wrench overlaps notifications menu

**URL:** https://meta.discourse.org/t/admin-wrench-overlaps-notifications-menu/33553
**Category:** UX
**Created:** [September 22, 2015, 1:54am UTC](https://meta.discourse.org/t/admin-wrench-overlaps-notifications-menu/33553 "2015-09-22T01:54:17Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![AdamCapriola](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adamcapriola/32/5192_2.png) [@AdamCapriola](https://meta.discourse.org/u/AdamCapriola)
#### Post date: [September 22, 2015, 1:54am UTC](https://meta.discourse.org/t/admin-wrench-overlaps-notifications-menu/33553/1 "2015-09-22T01:54:17Z")

</div>

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

Not sure why the `z-index` of the notifications menu isn’t giving it priority (it’s 1100; the wrench is 1000). Changing the z-index of `.show-topic-admin` to 999 seems to fix it but I don’t know if that’s all there is to this…

[discourse/app/assets/stylesheets/common/base/topic-admin-menu.scss at b12ace5f9d867426172c0fa17e8107b3805e8901 · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/b12ace5f9d867426172c0fa17e8107b3805e8901/app/assets/stylesheets/common/base/topic-admin-menu.scss)

(I’m on v1.4.0.beta12 +131 and testing on Chrome + Safari on OSX.)

---

<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 22, 2015, 2:04am UTC](https://meta.discourse.org/t/admin-wrench-overlaps-notifications-menu/33553/2 "2015-09-22T02:04:03Z")

</div>

Recategorized as UX, stacking position of fixed elements is pretty hellish.

Patch welcome, but this stuff ain’t easy.

---

<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 22, 2015, 3:33am UTC](https://meta.discourse.org/t/admin-wrench-overlaps-notifications-menu/33553/3 "2015-09-22T03:33:35Z")

</div>

It seems to be because the menu is a child of the header. The header has a z-index of 1000. The admin wrench also has a z-index of 1000. The admin wrench is in it’s own stacking context because of its fixed position. I’m not sure why the admin-wrench wins - I assume it’s because it comes last in the document.

The z-index of 1100 that is applied to the menu will only come into effect if the menu is overlapping other elements that are within its stacking context.