Thread - Fix Orange Band Positioning

fixBandPositioning.js

function fixBandPositioning(targetClass) {
    if(!bandExists(targetClass)) return false;
    $('.band-wrapper.'+targetClass).each(function() {
        var currentBand = $(this);
        if(window.outerWidth > 767) {
            var bandHeight = currentBand.outerHeight();
            var bandOffset = bandHeight / -Math.abs(4.233);
            var bandMargin = (Math.round(bandOffset * 1000) / 1000) + 'px';
            var bandContentOffset = (Math.round(Math.abs(bandOffset) * 1000) / 1000) + 'px';
            currentBand.css('margin-left', bandMargin);
            currentBand.find('> .band-skew').css('margin-left', bandContentOffset);
        } else {
            var bandMargin = currentBand.css('margin-left');
            var bandContentOffset = currentBand.find('> .band-skew').css('margin-left')
            if(bandMargin != '0px') {
                currentBand.css('margin-left', '0px');
            }
            if(bandContentOffset != '0px') {
                currentBand.find('> .band-skew').css('margin-left', '0px');
            }

        }
    }); 
}

function bandExists(targetBand) {
    if($('.band-wrapper.'+targetBand).length > 0) {
        return true;
    }
    return false;
}

$(window).load(function() {
    fixBandPositioning('left');
    fixBandPositioning('right');
});

$(window).on('resize', function() {
    fixBandPositioning('left');
    fixBandPositioning('right');
});