# I am not able to disable flair or user titles on mobile

**URL:** https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264
**Category:** Support
**Created:** [24 januari 2026 om 22:49 UTC](https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264 "2026-01-24T22:49:38Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [24 januari 2026 om 22:49 UTC](https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264/1 "2026-01-24T22:49:38Z")

</div>

Some reason its not working when I add CSS to the mobile area, not sure if I am doing it right.

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/b/2/ab2a65e60a869531d4e03c36f6165b16065c2b83.png)

```plaintext
.topic .post-avatar .avatar-flair,
.topic .avatar-flair {
  display: none !important;
}

```

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [25 januari 2026 om 01:17 UTC](https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264/2 "2026-01-25T01:17:36Z")

</div>

does this work if you put it in common css tab?

```scss

@include viewport.until(md) {
  
  .topic-avatar .avatar-flair {
      display: none;
  }
}

```

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [26 januari 2026 om 01:36 UTC](https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264/3 "2026-01-26T01:36:52Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/4/2/4/42410021271e1c845f5aa863ad55dbb563cdea11.png)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [26 januari 2026 om 02:24 UTC](https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264/4 "2026-01-26T02:24:29Z")

</div>

did you read this topic yet?

> [@Designing for Different Devices (Viewport Size, Touch/Hover, etc.)](https://meta.discourse.org/t/designing-for-different-devices-viewport-size-touch-hover-etc/367810/1):
>
> ```plaintext
> @use "lib/viewport";
> 
> ```

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [26 januari 2026 om 09:47 UTC](https://meta.discourse.org/t/i-am-not-able-to-disable-flair-or-user-titles-on-mobile/394264/5 "2026-01-26T09:47:10Z")

</div>

> [@hipp0](#):
>
> Some reason its not working when I add CSS to the mobile area, not sure if I am doing it right.

Did you check the browser inspector to see if the CSS applies and if it’s potentially being overruled? Always useful 🙂