# "Your topic is similar to..." popup goes under the logo header!

**URL:** https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658
**Category:** UX
**Created:** [11월 16, 2015, 9:11오후 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658 "2015-11-16T21:11:14Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kirupa/32/374711_2.png) [@kirupa](https://meta.discourse.org/u/kirupa)
#### Post date: [11월 16, 2015, 9:11오후 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/1 "2015-11-16T21:11:14Z")

</div>

See screenshot:

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

Unless this is a “by design” issue, one fix might be to set the z-order value to something much lower than a 1000 on the **.d-header** style rule.

Cheers,  
Kirupa

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [11월 16, 2015, 11:01오후 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/2 "2015-11-16T23:01:55Z")

</div>

There is a CSS error where your HTML headers are enormous. Correct that CSS error first.

---

<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: [11월 17, 2015, 12:23오전 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/3 "2015-11-17T00:23:47Z")

</div>

> [@codinghorror](#):
>
> There is a CSS error where your HTML headers are enormous

I think that’s a custom header.

 ![](https://global.discourse-cdn.com/meta/original/3X/0/5/05ee6653a5a1dcb59d19a614b1cc4e5b408b50d7.png)

It’s tricky because the popup is a child of `.reply-control`. It has a z-index of 999. The header drop-down menus inherit a z-index of 1000 from the header. If you reduce the header’s z-index then the dropdown menu shows up behind the composer.

One solution is `.custom-header { position: relative; z-index: 1000; }` That way at least the header and the custom-header are both covering the popup.

---

<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: [11월 17, 2015, 1:22오전 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/4 "2015-11-17T01:22:04Z")

</div>

It’s not only a problem with custom headers. I have a second monitor with a small screen (1024 x 768) and I had noticed a similar problem.

 ![](https://global.discourse-cdn.com/meta/original/3X/4/a/4a351e78392cb6bb8fbe166089b9b6d23f34fd2a.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [11월 17, 2015, 1:27오전 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/5 "2015-11-17T01:27:02Z")

</div>

I raised this Issue earlier. It is the reason I proposed putting the x at bottom of the pop-up.

---

<div class="post-metadata">

### Author: ![steko](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@steko](https://meta.discourse.org/u/steko)
#### Post date: [11월 28, 2015, 10:47오전 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/6 "2015-11-28T10:47:12Z")

</div>

I am seeing the same on my forum. No custom CSS, latest version.

1366 x 768 screen:

 ![](https://global.discourse-cdn.com/meta/original/3X/0/2/024fe5162979edef3d992c038649d99dcf5f1d02.png)

1920 x 1080 screen:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/2/420910093ca19719b329e3ab1e7e857d84f1ac0f.png)

---

<div class="post-metadata">

### Author: ![Alankrit\_Choudh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alankrit_choudh/32/119698_2.png) [@Alankrit\_Choudh](https://meta.discourse.org/u/Alankrit_Choudh)
#### Post date: [11월 28, 2015, 1:45오후 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/7 "2015-11-28T13:45:39Z")

</div>

I use x768 resolution monitor.

 ![](https://global.discourse-cdn.com/meta/original/4X/5/d/4/5d4045ebc8bb7fba2ce8d47f9c77efc2dc690037.png)

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [12월 27, 2015, 10:10오후 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/8 "2015-12-27T22:10:08Z")

</div>

Just adding that I have this issue here on Meta with a 1600x900 resolution.

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

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 27, 2015, 10:17오후 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/9 "2015-12-27T22:17:28Z")

</div>

I was referring to the h2 header that says “your topic is similar to..” not the site header panel.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 28, 2015, 2:07오전 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/10 "2015-12-28T02:07:33Z")

</div>

I do support the other topic here which proposed overlaying the help / advice panels over the preview panel rather than being an “above the editor” popup.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [7월 8, 2016, 6:34오전 UTC](https://meta.discourse.org/t/your-topic-is-similar-to-popup-goes-under-the-logo-header/35658/11 "2016-07-08T06:34:17Z")

</div>


