페이지 확인을 해보니 상단에 있는 헤더 레이아웃 (로고+토글, 네비게이션이 있는 레이아웃)에 height:60px;이 적용되어 있어서 발생되는 문제였습니다.

높이값이 고정이되어 있어서 네비게이션이 펼쳐졌을때 컨텐츠에 있는 타이틀 컨텐츠 영역이 네비게이션의 인사말 링크를 덮고 있어서 링크 클릭이 안되고 있었구요.

해당 css를 삭제 해주시면 링크가 정상적으로 클릭됩니다.

 

높이값이 고정 되어 있다고 말씀하시는 부분이

 h1 a {display:table-cell; height:60px; vertical-align:middle;}

이부분인가요?

height값을 지워 봤는데도 동일하게 모바일에서 인사말 페이지만 클릭이 안됩니다.

아뇨 로고 컨텐츠 안에 적용된 height:60px 이 아니고 컨텐츠 바깥에 있는 레이아웃에 height:60px;이 적용되어 있는데 이걸 삭제 해주셔야 해요.

아래 이미지를 참고해 주세요.

말씀하신 h1 a {display:table-cell; height:60px; vertical-align:middle;} 는 height가 필요한 영역이니 이 css는 삭제 하시지 마세요~

메인과 서브 둘 다 적용해 주세요