bodyに最小値を設定して、header固定だとうまくいかない
headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。
しかしheaderはfiexdしてるので、横スクロールできずに画面の右側についてきてしまう。。。width:100%;の状態。
コンテンツ（body）を横スクロールしたときに、連動してheaderも横スクロールさせたい！！
そんなときな下記をコピペしてください。
jQuery
$(window).on("scroll", function(){
$("header").css("left", -$(window).scrollLeft());
});
これだけで思い通りの挙動になりますよ。