# User card out of alignment

**URL:** https://meta.discourse.org/t/user-card-out-of-alignment/273635
**Category:** Bug
**Tags:** search-banner
**Created:** [June 10, 2020, 2:29pm UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635 "2020-06-10T14:29:58Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [June 10, 2020, 2:29pm UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635/1 "2020-06-10T14:29:58Z")

</div>

There seems to be an issue with the Who’s Online plugin and the official [Advanced Search Banner](https://meta.discourse.org/t/search-banner-theme-component/122939/) .

That is, the user card is being displayed in an irregular fashion when this plugin is enabled with that theme-component.

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

After disabling the theme-component, it’s aligned the right way.  
Can you please check if there’s something that you could do on this?  
(Something like a fix to always display the user-card below the clicked location, instead of automatically choosing an alignment?)

I don’t think this is a theme-specific issue. I tried with all themes including the default one and the issue persists.

---

<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: [June 10, 2020, 3:39pm UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635/2 "2020-06-10T15:39:45Z")

</div>

> [@GokulNC](#):
>
> After disabling the theme-component, it’s aligned the right way.

This means it is a problem with the theme component, not the plugin. I’ve made a change to the component that should fix it (also moved your post to the component topic).

[https://github.com/awesomerobot/discourse-search-banner/commit/309cf0ee299625a835c99338b7dae7093f058032](https://github.com/awesomerobot/discourse-search-banner/commit/309cf0ee299625a835c99338b7dae7093f058032)

---

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [June 12, 2020, 9:33am UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635/3 "2020-06-12T09:33:50Z")

</div>

> [@awesomerobot](#):
>
> I’ve made a change to the component that should fix it

Thanks a lot, works good now 🙂

> [@awesomerobot](#):
>
> This means it is a problem with the theme component, not the plugin.

Yeah I got that. Just thought if the issue could be fixed from the plugin by setting something like always displaying the user-card only beside the user-icon. (And also thought if this theme-component was no longer being updated since the last commit was almost 1 year ago 😉 )

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [June 15, 2020, 5:12am UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635/6 "2020-06-15T05:12:03Z")

</div>

hi, after the recent update, the **search banner** won’t show up if the [Topic list sidebar navigation](https://meta.discourse.org/t/topic-list-sidebar-navigation/94056) theme is also active.

---

<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: [June 17, 2020, 12:35am UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635/7 "2020-06-17T00:35:39Z")

</div>

oh I see, I wasn’t accommodating the plugin outlet in the layout… if you update the component this should fix it:

[https://github.com/awesomerobot/discourse-sidebar-nav/commit/ca776fc382a285188962cfbd9fab4c1106ecf6da](https://github.com/awesomerobot/discourse-sidebar-nav/commit/ca776fc382a285188962cfbd9fab4c1106ecf6da)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 2, 2023, 11:41am UTC](https://meta.discourse.org/t/user-card-out-of-alignment/273635/8 "2023-08-02T11:41:53Z")

</div>


