데스크탑용을 주로 작업을 하다가 모바일을 뒤늦게 확인하니 레이아웃이 많이 깨졌더라고요.

레이아웃을 추후 다시 미디어 쿼리로 공부하면서 수정한다하지만,

모바일의 메뉴부분이 모두 풀어져서 깨져버렸습니다.

이 부분을 어떻게 수정해야할지 막막합니다.

처음 워드프레스에 있는 Rockfield테마를 이용하여 작업하였는데 그 테마에는 상단메뉴부분이 검정색이여서 흰색으로 변경하면서 

모바일 메뉴부분이 모두 풀어졌습니다.

어느 부분이 잘못된건지 정확히 판단이 어려운데 어떻게 수정해 나가야하며,

혹시 추가적으로 문의드려야한다면 어떤, 어느 부분의 코드를 문의드리는게 맞을까요?

워드프레스 초보라 아무리 찾아봐도 답이 안나오네요 ㅠ

도와주세요 ㅠㅠ

오류난 모바일 페이지입니다.

https://imgur.com/nRpRYmy