親DIVの100％幅で固定された位置

Question

私のクライアント（ウェブサイト - http://www.abclandscaping.com/）は、ウェブページがスクロールダウンしたときにトップナビゲーションバーをスティッキーバーにしたいと考えました。

JSの使用スクロールが発生したときに、ナビゲーションバー（div = ID "navbar"）に.stickyクラスを追加しました。今、私のナビゲーションバー（ID =「ナビゲーションバー」を持つdiv要素）をその幅は親のdiv要素の中にもはや全体の100％広くなる位置を固定していないこと、しかし

.sticky{ position: fixed; top: 0;} 

：.stickyクラスはこれですブラウザウィンドウ。私はそれがなぜ起こるのか理解していますが、問題を解決する方法を理解することはできません。

私はこの質問の他のスレッドを読んだが、そこで説明した修正は私の場合には効果がなかった。ここで

は、私は問題を抱えている私のウェブサイトである：http://www.abclandscaping.com/

Answer 1

私は本当にあなたが欲しいものを得るが、いないよ：

あなたは#navbarの幅が#mastheadからの相対になりたい場合は：

• #mastheadがsticky
• #navbarとクラスをプレゼント10はあなたが別の問題を持っている
• .sticky #rev_slider_1_1_wrapper, .sticky #subheader { visibility:hidden }