# Hide "logged in as"

**URL:** <https://forums.knack.com/t/hide-logged-in-as/12252>\
**Category:** Get Answers\
**Created:** [March 16, 2022, 8:47pm UTC](https://forums.knack.com/t/hide-logged-in-as/12252 "2022-03-16T20:47:23Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![KimDion38026](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@KimDion38026](https://forums.knack.com/u/KimDion38026)\
**Post date:** [March 16, 2022, 8:47pm UTC](https://forums.knack.com/t/hide-logged-in-as/12252/1 "2022-03-16T20:47:23Z")

</div>

Hello…  
Does anyone know how to hide the logged in as bar on the mobile view (not in the menu) but on the main page.

---

<div class="post-metadata">

**Author:** ![Jon1](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@Jon1](https://forums.knack.com/u/Jon1)\
**Post date:** [November 20, 2023, 3:16am UTC](https://forums.knack.com/t/hide-logged-in-as/12252/2 "2023-11-20T03:16:35Z")

</div>

KimDion, did you ever figure out how to hide the logged in as bar on the mobile view?

If so, could you please share how you did it?

Thank you… JON

---

<div class="post-metadata">

**Author:** ![StephenChapman](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/stephenchapman/32/1759_2.png) [@StephenChapman](https://forums.knack.com/u/StephenChapman)\
**Post date:** [November 20, 2023, 3:32am UTC](https://forums.knack.com/t/hide-logged-in-as/12252/3 "2023-11-20T03:32:49Z")

</div>

@Jon1, this CSS should do the trick to only hide the bar when it has mobile dimensions:

```auto
@media only screen and (max-width: 767px) {
  /* Hide kn-info-bar on mobile */
  .kn-info-bar {
    display: none !important;
  }
}

```

---

<div class="post-metadata">

**Author:** ![Jon1](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@Jon1](https://forums.knack.com/u/Jon1)\
**Post date:** [November 20, 2023, 3:36am UTC](https://forums.knack.com/t/hide-logged-in-as/12252/4 "2023-11-20T03:36:42Z")

</div>

Thank you sir… JON

---

<div class="post-metadata">

**Author:** ![Jon1](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@Jon1](https://forums.knack.com/u/Jon1)\
**Post date:** [November 20, 2023, 3:40am UTC](https://forums.knack.com/t/hide-logged-in-as/12252/5 "2023-11-20T03:40:42Z")

</div>

Stephen, off subject question for you. With all the different size mobile screens out there, is there a way to make my mobile apps center and full width based on the size of the mobile phone?

I recently saw a couple users with different size phones and one of them looked good, and the other which had a larger screen didn’t look proportional with the screen.

Any and all help is appreciated… JON

---

<div class="post-metadata">

**Author:** ![StephenChapman](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/stephenchapman/32/1759_2.png) [@StephenChapman](https://forums.knack.com/u/StephenChapman)\
**Post date:** [November 20, 2023, 3:56am UTC](https://forums.knack.com/t/hide-logged-in-as/12252/6 "2023-11-20T03:56:26Z")

</div>

That would take a lot of tinkering, but as a start, you can apply any mobile CSS similar to above like so:

```auto
@media only screen and (max-width: 767px) {
  /* Hide kn-info-bar on mobile */
  .kn-info-bar {
    display: none !important;
  }

  .kn-scene {
    /* Insert scene formatting code here*/
  }

}

```

---

<div class="post-metadata">

**Author:** ![Jon1](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@Jon1](https://forums.knack.com/u/Jon1)\
**Post date:** [November 20, 2023, 4:08am UTC](https://forums.knack.com/t/hide-logged-in-as/12252/7 "2023-11-20T04:08:47Z")

</div>

Will give it a try.

Thank you… JON

---

<div class="post-metadata">

**Author:** ![KimDion38026](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@KimDion38026](https://forums.knack.com/u/KimDion38026)\
**Post date:** [November 21, 2023, 10:42pm UTC](https://forums.knack.com/t/hide-logged-in-as/12252/8 "2023-11-21T22:42:21Z")

</div>

Thank you so much! Worked perfect