Hide "logged in as"

Ask the Community Get Answers
1

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.

2

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

3

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

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

Thank you sir… JON

5

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

6

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

@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*/
  }

}
7

Will give it a try.

Thank you… JON

8

Thank you so much! Worked perfect