Skip to content

Instantly share code, notes, and snippets.

@sambody
Forked from billerickson/global.js
Created September 30, 2015 23:22
Show Gist options
  • Save sambody/1247133e52a90dcab6f2 to your computer and use it in GitHub Desktop.
Save sambody/1247133e52a90dcab6f2 to your computer and use it in GitHub Desktop.
Full with element in middle of page
// Make an element in the page go full width
// Author: Bill Erickson
// URL: http://www.billerickson.net/code/full-width-element-middle-page/
function explodeWidth() {
var browserWidth = $(document).width();
var wrapWidth = $('.site-inner .wrap').width();
var margin = ( ( browserWidth - wrapWidth ) / 2 );
$('.explode-width').css( 'margin-left', - margin ).css( 'margin-right', - margin );
}
explodeWidth();
$(window).resize(explodeWidth);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment