# User cards hidden under header

**URL:** https://meta.discourse.org/t/user-cards-hidden-under-header/168320
**Category:** Bug
**Created:** [October 26, 2020, 5:49pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320 "2020-10-26T17:49:40Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 26, 2020, 5:49pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/1 "2020-10-26T17:49:40Z")

</div>

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

User cards toggled from the online user list are partially hidden by the header.

I suppose it is because of the [new header CSS](https://github.com/discourse/discourse/commit/da5841de0b2b60ceaa2f2602d7231e7393a74e66), and the card Y position calculation doesn’t take the header height into account.

I don’t have this issue on my other forum, which isn’t updated yet:

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

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 26, 2020, 10:29pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/3 "2020-10-26T22:29:09Z")

</div>

> [@Canapin](#):
>
> I suppose it is because of the [new header CSS](https://github.com/discourse/discourse/commit/da5841de0b2b60ceaa2f2602d7231e7393a74e66), and the card Y position calculation doesn’t take the header height into account.

Oh yes, that does seem to be the problem… though it’s a bit odd that it isn’t a problem in the topic list? Looking into a fix.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 26, 2020, 10:49pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/5 "2020-10-26T22:49:19Z")

</div>

> [@awesomerobot](#):
>
> though it’s a bit odd that it isn’t a problem in the topic list?

What do you mean? I encounter the issue on any page.

Note that it’s only when I click a user in the who’s online user list since the content is close to the header.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 26, 2020, 10:59pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/6 "2020-10-26T22:59:35Z")

</div>

oh sorry that wasn’t clear, I meant it’s odd that positioning is only off in the plugin and seems ok within the topic list itself.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 27, 2020, 12:51am UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/7 "2020-10-27T00:51:53Z")

</div>

I’ve got a fix in the queue that should improve the positioning:

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

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 29, 2020, 9:04pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/8 "2020-10-29T21:04:15Z")

</div>

I’ve upgraded Discourse, but there are still issues:

1. For websites with a custom header on top of Discourse’s header, which is quite frequent I believe, the card position seems (I’m not sure this is the reason) to erroneously take the custom header height into account, so the card is is displayed a bit too low:  

2. Cards at the very bottom of the window are off-screen:

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [November 19, 2020, 11:38pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/9 "2020-11-19T23:38:46Z")

</div>

There have been some positioning fixes made over the past weeks, it looks like positioning is ok on unicylist now? Can you confirm when you get a chance? (love the loading unicycle btw)

 ![Screen Shot 2020-11-19 at 6.37.06 PM](https://global.discourse-cdn.com/meta/original/3X/f/8/f8ce63efd02f37f639d260a3a9b1815e38cf7a9c.jpeg)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [November 25, 2020, 12:19pm UTC](https://meta.discourse.org/t/user-cards-hidden-under-header/168320/10 "2020-11-25T12:19:21Z")

</div>

The card top position seems to ignore Discourse’s header height:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/5/15d8a7921d8c4e847275e862c85f5f7e20c54e65.png)

Alson clicking an avatar at the bottom of the screen makes the card to be a bit off-screen:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/7/7710c93d10fb461e1a7d6333ec1bfeeed32288b4.png)

I’m on 2.6.0.beta6
