幅100％の固定位置divは、ボディが水平方向にオーバーフローする原因となります。

Question

私のウェブサイトには私が今まで見たことのない奇妙なバグがあります。ライブデモへのリンクはwebsite

モバイルビューでは、本体とHTMLがオーバーフローしています。全身を左右にスクロールできます。検査した後、私は犯人がのナビゲーションバー - ツールバーであることを知っています。どういうわけか、それは私が理解していない余分なポジション-6pxを持っています。誰もこの問題を解決する方法を知っていますか？私はオーバーフローを設定しようとしました：隠されていますが、誰も働いていません。

下記のスクリーンショットでは、ウェブページの下部にスクロールバーがあることに注意してください。

必要であれば、私はさらにSCSSコードを提供します。

Answer 1

@Schwierigは、デスクトップ表示のために、私はスライダーにこのクラスを追加したように、スライダのアイテムは、左右の端に取り付けられるようにしたい、本当の犯人はスライダーで、言ったように：

.Slider--fitEdges { 
    // Fix edge 
    .slick-slide { 
     margin: 0 18px; 
    } 

    .slick-list { 
     margin: 0 -18px; 
    } 
    } 

今は、デスクトップでのみ動作するようメディアクエリ内にラップする必要があります。