사진에 보이는것처럼 레이아웃을 모바일에 맞춰서 옆에 자르고 싶어요
현재는 메인페이지를 pc 용 모바일 용 으로 두가지를 만들어서 쓰고 있습니다
하나로 통일하고 싶은데말이죠 웹에서도 모바일형태로 정렬하고 싶네요
어떻게 하면 좋을까요?
max-width 속성은 body 태그나 페이지를 감싸고 있는 부분에 추가해주시면 됩니다.
그리고 모바일에 적용되어 있는 코드들을 PC에도 적용되게 해주셔야 할 듯합니다.
워드프레스 사이트 레이아웃은 테마와 밀접한 관련이 있기 때문에
테마 제작자에게도 가능한 방법이 있을지 문의해보시는 게 좋을 듯합니다.
고맙습니다.
CSS 수정 말씀하신거 같은데 body 부분에 max-width: 640px; 이리 처리 하면
잘려서 나오네요 줄어드는게 아니라 .. .버튼이나 기타 다른것들은 반응형 일때에 모습이 아니라 웹일때의 모습이 모여지는것 처럼 나와요...
엇 혹시
css에 들어갈 max-width: 640px; 속성이라는 예시 코드를 알수 있을까요?
안녕하세요.
body 태그나 페이지를 감싸고 있는 영역에
max-width 속성을 추가해주시면 가능할 듯합니다.
해당 사이트는 페이지 전체를 감싸고 있는 영역에
max-width: 640px; 속성이 추가되어 있습니다.
CSS 코드는
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에 추가해보세요.
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
https://m.thankqcamping.com/main.hbb
위 사이트와 같은 형태처럼 pc 화면에서도 모바일화면을 그대로 줄여놓은듯한( 양쪽에 여백을 많이 남겨서라도) 것처럼
작업을 하고 싶어서요 테마에서 이 레이아웃을 지원하지 않으면 불가능한건지 아니면 다른 방법이 있는지 궁금합니다
지금 사용중인 테마에서는 이게 한계인듯 합니다
안녕하세요~^^
이미지 첨부가 정상적으로 되지 않은 듯합니다.
CSS 코드 수정이라면 페이지를 직접 봐야 도움을 드릴 수 있습니다.
비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
이미지는 정상적으로 업로드하신 후 해당 주소를 올려주세요.
고맙습니다.