固定位置の特定のdivが

Question

開いているときにのみ、私は唯一のモバイルメニューに表示されていることを「近いメニューアイコン（X）をしたいと思います。私は、要素を構築する必要があり、モバイルメニューに追加。

例ここにある： https://josh-unger-4lts.squarespace.com/

（まだ要素に閉じるための機能はありません）

私が追加：

<script> 
$(document).ready(function(){ 
$('#block-yui_3_17_2_3_1513615238211_6445').appendTo('#mobileNav '); 
}); 
</script> 

私が欲しいです私のclose要素は、モバイルナビゲータが開いているときにのみ固定位置を持つようにします。

（X）位置決めのための私のCSS：モバイルメニューが開い代わりにあるとき、私はこの閉鎖を持って解決策を探しています

#block-yui_3_17_2_3_1513615238211_6445 {position: fixed; top: 0px; 
    right: 18px; 
    margin-top: -5px; 

}

（x）の要素にのみ表示されますすべての時間。

Answer 1

テンプレートに、モバイルナビが開いているかどうかを示すスタイルが既にあります（.menu-open）。それに応じて、そのスタイルを閉じるボタンを使用してください：

#mobileNav.menu-open #block-yui_3_17_2_3_1513615238211_6445 { 
    position: fixed; 
    top: 0px; 
    right: 18px; 
    margin-top: -5px; 
}