WP admin bar + sticky header

css-mobile-first-0-600.css

.admin-bar .site-header {
   top: 46px;
 }

css-mobile-first-783px-min.css

@media screen and ( min-width: 783px ) {
		.admin-bar .site-header {
       top: 32px;
     }
	}

jquery.js

var $document = $(document),
    $header = $('.admin-bar .site-header');


if($(window).width() < 601) {
  $document.scroll(function() {
    if ($document.scrollTop() >= 46) {
      // user scrolled 46 pixels or more;
      $header.css({"top": "0"})
    } else {
      $header.css({"top": "46px"})
    }
    });
} else {
  //nothing
}