반응형 활용하기

PC와 MOBILE에서 다른화면 보여주기

pc화면

두개의 템플릿을 한 화면에 생성하고 
하나는 pc에서만 보이게
하나는 mobile에서만 보이게 하여 
pc와 mobile 에서 각각 다른 메인화면이 보일 수 있도록 해보겠습니다.

수정을 원하는 페이지에서 elementor를 켜주세요.

상단의 여자가 나오는 커다란 화면을 모바일에서는 보이지 않게 해보겠습니다.

그러므로 여자가 나오는 커다란 section을 선택하고 왼쪽에 수정화면이 나올 수 있도록 해주세요.

advanced탭에서 responsive를 선택해주세요.

반응형으로 제작한다는 뜻입니다.

하단에 보면 
Desktop, Tablet, Mobile에 대해 숨김 설정이 가능합니다. 

저희는 상단의 여자가 나오는 section을 휴대폰에서 보이지 않게 하고 싶으므로 hide를 켜줍니다.
이제 모바일에서는 위의 여자가 있는 section은 보이지 않겠죠?? 

저장을 하고요,!

이미지와 같이
pc에서는 해당section이 보이지만 모바일에서는 보이지 않고 다음 section이 보여지는 것을 확인할 수 있습니다.


댓글 남기기