スライダの右側に余分な空白を取り除く方法は？

Question

私のウェブサイトは（http://fitness.jermaineforbes.com/）、私は "flexslider"ライブラリから作られたスライドショーを持っています。スライダは機能しますが、Webページの右側に余分な空白があります。私はオーバーフローを追加しようとしました：たくさんの異なる場所に隠されていましたが、空白はまだ残っています。私は余分なスペースを作成するかもしれないパディングや余白の問題は表示されません。誰でも助けてくれますか？

Answer 1

前と次のリンクがあります。次のリンクはright-50pxで設定されているため、右側のビューポートの外にあります。

を使用すると、以下のCSSをCSSルールを上書きすることができます右側のスペースを削除するには、次の必要がない場合

.flex-direction-nav .flex-next { 
    right:0 !important; 
} 

別の解決策は、前と次のリンクを削除することです！

Answer 2

答えは非常に簡単です。あなたはちょうどこれを修正するいくつかのCSSをしたい。あなたのページに下記のCSSを挿入してください。

body { 
    overflow-x: hidden; 
} 

オーバーフローX CSSプロパティは、xのオーバーフローを非表示または示す

Answer 3

使用このHTML

html { 
    overflow-x: hidden; 
}