WP Admin bar v1

HTML

<div id="wpadminbar"></div>
<div class="wp-site-blocks">
  <h1>Title</h1>
  <p>
    Lorem ipsum odor amet, consectetuer adipiscing elit. Ad vestibulum maximus
    placerat quisque adipiscing maecenas laoreet volutpat. Purus magnis posuere
    volutpat congue dapibus tellus aptent. Sapien eros sollicitudin lectus
    aenean torquent scelerisque. Purus vivamus vehicula odio fusce sem.
    Habitasse sagittis dis est eleifend ligula elementum fermentum eu. Cras
    bibendum netus finibus nullam dolor. Amet eleifend inceptos laoreet ante dui
    nam. Dictum dis parturient fames nullam lacus hendrerit.
  </p>

  <p>
    Libero lectus curabitur hendrerit vestibulum varius aptent penatibus magna.
    Metus ultrices justo lacus nullam eget dolor consequat. Rhoncus tellus
    adipiscing nullam duis turpis hendrerit. Egestas vel fermentum tristique ut
    felis felis. Massa habitant eu platea dictumst curabitur lacus pharetra.
    Vehicula himenaeos bibendum nullam adipiscing semper porta. Massa volutpat
    libero sagittis morbi platea pulvinar euismod habitant dignissim?
  </p>

  <p>
    Integer venenatis in consectetur; etiam sodales nunc metus maximus.
    Elementum taciti non posuere habitant placerat platea. Sapien class nisl
    torquent tempor non sem ad dis. Dis praesent feugiat; tristique non varius
    vehicula finibus. Vehicula proin viverra hendrerit montes penatibus risus
    leo. Nostra posuere imperdiet sagittis laoreet; litora magna viverra.
    Posuere sagittis imperdiet integer curae nulla lacus.
  </p>

  <p>
    Non dis egestas consectetur nibh vivamus montes. Aliquet enim suscipit
    vivamus rutrum ex molestie torquent. Ut aliquet orci cursus libero cras.
    Congue ullamcorper at luctus quam, vulputate sit faucibus metus. Vivamus ac
    purus conubia finibus sollicitudin etiam purus. Porta inceptos congue ipsum
    aliquet ullamcorper vestibulum. Hac diam et vulputate gravida consequat
    molestie metus.
  </p>

  <p>
    Orci semper malesuada...

CSS

#wpadminbar {
  height: 32px;
  position: sticky;
  top: 0;
  background: blue;
}

@media screen and (max-width: 782px) {
  #wpadminbar {
    height: 46px;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: relative;
  }
}