고정 된 위치는

Question

가 난 단지 모바일 메뉴에 표시되는 "가까운 메뉴 아이콘 (X)을하고 싶습니다. 나는 요소를 구축하고 모바일 메뉴에 추가해야합니다.

예를 여기에 있습니다 :

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

내가 원하는 : https://josh-unger-4lts.squarespace.com/

내가 함께 추가

(더 아직 요소에 닫는 기능이 없습니다) 내 닫기 요소는 모바일 탐색이 열려있을 때만 고정 위치를 유지합니다.

및 (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; 
}