移动人像：主要元素右侧的空白区域太多

Question

我正试图将我的cargocollective网站的启动页扩展到手机浏览器窗口。一切都很好，除了主要元素的右边有很多空白区域，你可以滚动到。没有必要所有这些额外的空间。我想知道缩放是否会以某种方式加倍宽度？

MY SITE

如果有人不介意在他们的移动设备上打开网站并告诉我如何修复所有额外的宽度，我真的很感激。

以下是我用来扩展的代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

<script src="jquery-1.11.1.min.js">
$(function(){
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
var ww = ( $(window).width() < window.screen.width ) ? $(window).width() : window.screen.width;       //get proper width
var mw = 320; // min width of site
var ratio =  ww / mw; //calculate ratio
if( ww < mw){ //smaller than minimum size
$('#Viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ',   minimum-scale=' + ratio + ', user-scalable=yes, width=' + ww);
}else{ //regular size
$('#Viewport').attr('content', 'initial-scale=1.0, maximum-scale=2, minimum-scale=1.0, user-    scalable=yes, width=' + ww);
}
}
});
</script>