안녕하세요 질문 드릴게 있습니다
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
고맙습니다.