A fix for the Wordpress admin bar overlaying your theme

mixin.scss

@mixin wp-admin-bumper {
  min-height: 46px; // height of mobile wp-admin bar in WP 4.0
  @media screen and (min-width: 782px;) {
    min-height: 32px; // standard height of wp-admin bar in WP 4.0
  }
}

style.scss

.wp-admin-bump {
  @include wp-admin-bumper;
}

wp-admin-bump.php

<!-- Place inside the nav -->
<?php if ( is_admin_bar_showing() ) echo '<div class"wp-admin-bump"></div>'; ?>