position:fixed 된 상태에서는 그 아래 있는 화면이 스크롤이 되지 않기 때문에 작업하신 형태의 레이아웃에서는 구현은 어렵습니다.

상단 바만 fixed 되게 하고 아래 펼쳐진 네비게이션은 position:relative; 이나 absolute 처리를 한다고 해도 페이지 하단에서 메뉴 토글이 됐을 때에 메뉴가 화면 위쪽에서 토글이 되어 버리기 때문에 화면을 다시 위쪽으로 스크롤해야 하는 번거로움이 있습니다.

현재처럼 상단바가 고정된 상태를 유지하고자 하시면 상단바와 메뉴의 영역을 따로 분리를 한 다음 메뉴가 아래로 펼쳐지는 형태를 아래로 펼쳐지는 것이 아니라 화면 옆에서 밀려나오는 형태로 처리를 하시는게 좋을 것 같습니다.
이때 메뉴 영역은 position:fixed가 아닌 position:absolute로 처리하셔야지 화면 아래의 메뉴가 스크롤이 되니 참고 바랍니다.

감사합니다.