Skip to content

Instantly share code, notes, and snippets.

@mattradford
Created September 14, 2014 15:10
Show Gist options
  • Save mattradford/bcfe109ea0d6195b003e to your computer and use it in GitHub Desktop.
Save mattradford/bcfe109ea0d6195b003e to your computer and use it in GitHub Desktop.
Moving elements around in the header
$(document).ready(function() {
// Store the references outside the event handler:
var $window = $(window);
var $pane1 = $('#search-dropdown');
var $pane2 = $('.social-icons');
function checkWidth() {
var windowsize = $window.width();
if (windowsize > 768) {
$pane1.detach().insertAfter('.logo-container');
$pane2.detach().insertAfter($pane1);
}
if (windowsize < 767) {
$pane1.detach().insertBefore('.banner-container');
$pane2.detach().insertAfter('.contact');
}
}
// Execute on load
checkWidth();
// Bind event listener
$(window).resize(checkWidth);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment