모바일에서 정보 메뉴가 깨져 있습니다

메뉴에 가이드라인과 FAQ가 모두 표시되어 있는 것 같습니다. 이 부분이 오버플로를 일으키는 원인인 것 같아요. 제 사이트에도 FAQ를 추가하면 같은 문제가 발생합니다.

조금의 추가 CSS로 줄바꿈을 할 수 있습니다:

.nav-pills {
  flex-wrap: wrap;
}

.nav-pillsgap 값을 줄이는 것도 약간 도움이 될 수 있습니다.

(이것은 브라우저 개발자 도구를 이용한 간단한 테스트였습니다. 다른 곳에서 .nav-pills에 영향을 주지 않으려면 셀렉터를 더 구체적으로 지정해야 할 수 있습니다.)