Site password on top of the page

Smiez

Hi i'm new here and I already found some great solutions. I have a question about the Unlock Site box... I have a big header on my website, so on mobile devices the header almost disappears. How can I show the Unlock / password box on top of the page? See: toenwashetnu.smugmug.com..

Thanks!

Smiez

* The password box disappears obviously.. (on mobile devices)

Hikin' Mike

.

Hikin' Mike

Got to thinking...if you add this to your Theme's CSS Section it should do what you want:

.sm-user-ui #sm-node-password {
  position: fixed;
  top: 10px;
  left: -50%;
  right: -50%;
  padding: 10px;
  background: white;
}

Smiez

Flawless.. THANKS!

Hikin' Mike

@Smiez said:
Flawless.. THANKS!

You're welcome. Since your question was about moving the Password Block up on mobile devices, you can wrap it in a @media so it only moves it when the screen is 736px or smaller:

@media (max-width: 736px) {

  .sm-user-ui #sm-node-password {
    position: fixed;
    top: 10px;
    left: -50%;
    right: -50%;
    padding: 10px;
    background: white;
  }

}