반응형 홈페이지 제작관련해서

안녕하세요 질문 드릴게 있습니다

 

oceanwp 테마 사용하는중이고요

elementor pro 로 홈페이지 제작을 했습니다

 

제작당시 pc 화면 상태에 맞게 제작을 해두면

테블릿, 모바일쪽은 반응형으로 줄여지고 규격에 맞게 나오기는 하는데요

이부 padding 이나 margin 을 통해 pc쪽에서 바꿔논 설정이 

반응형으로 적용되다보니 모바일 테블릿에서 이상하게 나오더라고요

 

백그라운드 배경 설정이후 위에 텍스트 써 놨는데요

모바일로 보면 이부분이 pc처럼 나오지 않습니다

 

이부분 해결 방법은

 

제작당시 pc  테블릿 모바일 설정값들을 다 만져가면서 제작을 해야되는건가요?

 

http://jns4488.cafe24.com/

 

홈페이지 주소입니다

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    Elementor 플러그인으로 페이지 레이아웃 수정 시

    모바일이나 태블릿에서 레이아웃이 깨진다면

    각 기기별(PC, 모바일, 태블릿)로 접속 시 표시되는 레이아웃을 따로 구성하는 방법도 있습니다.

     

    CSS 코드 수정이 가능하시다면

    미디어 쿼리를 적용해서 모바일, 태블릿 사이즈일 때만 적용되는 코드를 추가해주셔야 할 듯합니다.

     

    코드를 추가하지 않고 Elementor 플러그인으로

    PC, 모바일 태블릿 기기에 따라 표시되는 레이아웃을 다르게 하는 건

    아래의 관련 링크들을 참고해보시면 도움이 도실 듯합니다.

    https://www.thewordcracker.com/basic/워드프레스-모바일과-pc-레이아웃/

    https://avada.tistory.com/1472

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기