slick.js 이런 경우는 어떻게 해야하나요..?

Question

강의를 두번 완강하고나서 다른 사이트 클론코딩하면서 연습하고 있습니다

강의 예제가 아니라서 물어봐도 되는건지 모르겠네요..

마우스를 갖다대면 slide down 되면서 내려오는 sub menu가 있고

바로 아래에 slick.js를 사용한 fade되는 슬라이더를 만들었습니다.

sub menu가 내려오기 전에는 이상이없는데

내려왔을때 슬라이더가 옆으로 밀립니다 이 부분은 어떻게 해결 할 수 있을까요?

Answer

화면을 보면 서브에 메가메뉴 내려오면서 밀린건가요? 아니면 정상적으로 덮었는데 슬릭의 화살표들만 위로 올라온건가요?

서브에 메가메뉴 상단 오른쪽에 작은 이미지가 뭔가요?

참... 지금 만드시는게 학원 홈페이지를 가상으로 만들어보시는건가요? 아니면 실작업이신가요?

Answer

메뉴가 내려오면서 슬릭 슬라이더 적용한 이미지들이

메뉴상단 오른쪽 작은이미지처럼 밀린 모습입니다.

가상으로 혼자 집에서 연습 해보는중이에요

혹시 메뉴 부분에 position: absolute 속성을 주면 붕 뜨니까 슬라이더를 안밀어버리려나 싶어서 적용해봤는데 안밀리고 잘되네요

이 방법이 잘못되거나 그런건 아니죠??