仅在特定div打开时固定位置

Question

我想要一个仅出现在移动菜单中的关闭菜单图标（X）。我必须构建元素并附加到移动菜单。

示例在这里： https://josh-unger-4lts.squarespace.com/

（目前还没有关闭元素的功能）

我追加：

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

我希望我的关闭元素仅在移动导航打开时才有固定位置。

我的CSS（X）定位：

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

}

我正在寻找一种解决方案，只有当移动菜单打开而不是一直打开时，才会显示此关闭（x）元素。

Answer 1

模板中已有一种样式表示移动导航是否已打开（syslog -s -l ERROR “Hello, world.”）。只需相应地使用该样式关闭按钮：

.menu-open