Re-position the Login Box

PHOTO EMBED

Thu Jan 06 2022 17:45:09 GMT+0000 (UTC)

Saved by @rebukt #css

/*-- move login box to the left --*/
.home_credentials a .ab_login_logo {
  display: none;
}
.home_credentials {
  margin-top: 2% !important;
}
@media only screen and (min-width: 1550px) {
  .home_credentials {
    margin-right: 62% !important;
  }
}
@media only screen and (min-width: 1351px) and (max-width: 1550px) {
  .home_credentials {
    margin-right: 59% !important;
  }
}
@media only screen and (min-width: 1151px) and (max-width: 1350px) {
  .home_credentials {
    margin-right: 55% !important;
  }
}
@media only screen and (min-width: 1026px) and (max-width: 1150px) {
  .home_credentials {
    margin-right: 52% !important;
  }
}
@media only screen and (min-width: 976px) and (max-width: 1025px) {
  .home_credentials {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 751px) and (max-width: 975px) {
  .home_credentials {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 750px) {
  .home_credentials {
    margin-right: 12% !important;
  }
}
@media only screen and (max-width: 600px) {
  .home_credentials {
    margin-right: 5% !important;
  }
}
section.home_login {
  background-size: 100%;
}
content_copyCOPY

use case: move the login box as the default position (center) obstructs the background image