CSS - 모바일 메뉴 배치 문제

Question

응답 성이 높은 섹션 된 사이트에 모바일 메뉴를 추가하려고합니다.

모바일 메뉴는 상대적으로 배치 된 헤더 블록 내에 배치됩니다. 활성화되면 모바일 메뉴가 절대적으로 배치됩니다. 상위 콘텐츠를 상위로 푸시합니다. 아마도 콘텐츠의 높이 때문일 수 있습니다. 콘텐츠를 닫을 때 콘텐츠가 그대로 유지됩니다 (IOS Firefox). 나는 메뉴가 필요할 때 위치 할 수 있고 메뉴가 열릴 때 모든 것을 망쳐 놓지 않고 정확한 너비로 보여줄 수있는 솔루션을 찾아 내기 위해 고심하고있다. 메뉴의 위치를 ​​고치는 것 말고 - 내용이 아래로 스크롤되는 것을 의미합니다 - 이상적이지 않습니다 - 아무도 아이디어가 있습니까? 여기

사이트 구축 (문제를 다시 만들려면 이동 폭) - http://www.liquidclients.co.uk/landsail/ls2/

Answer 1

것은 landsail_mobMenu.css에 라인 (140)에이 시도 :

이

#nav { 
position: fixed; 
top: 75px; 
left: auto; 
}