안녕하세요.

원 페이지 구성에 대해 작업을 하고 있는데 어려움이 있어 글을 남기게 되었습니다.

저 같은 경우 메인 메뉴에 딸린 서브메뉴 5개를 Onepage로 구성하려고 하는데요.

구조는 아래와 같이 구성했습니다.

Main Menu1(Page)

– submenu1(URL: #submenu1)
– submenu2(URL: #submenu2)
– submenu3(URL: #submenu3)
– submenu4(URL: #submenu4)
– submenu5(URL: #submenu5)

메인메뉴1번을 페이지로 생성하였고, Elementor로 submenu의 섹션을 5개로 구분하여 CSS ID에 각각 submenu1~submenu5까지 설정을 했습니다.

그리고 메뉴 편집에서 submenu를 사용자 링크로 정의해서 URL을 #submenu1~5까지 설정을 해두었는데 이렇게 할 경우 Main Menu1을 클릭하지 않고

submenu만 따로 클릭하면 해당 페이지로 이동이 되질 않는 현상이 발생하고 있습니다.

이러한 문제를 어떻게 해결해야 할지 모르겠습니다.

구체적으로 구현하고자 하는 기능은 아래의 사이트의 ‘THE CITY’라는 메뉴처럼 동작하게 하고 싶습니다.

THE CITY를 클릭하든, 서브메뉴를 선택하든 원페이지에서 스크롤을 내리는 듯한 효과로 페이지를 표현하고 싶습니다.

참고: http://thecitysarang.kr/

구현중인 사이트: http://warmchurch.org/

도움 부탁드리겠습니다.

감사합니다.

dschoi