코스모스팜 스레드
반응형 테마에서의 모바일뷰 여백 사이즈 조절
안녕하세요!
dreamillust.com 블로그를 운영중입니다.
-PC/모바일 반응형 웹 지원 테마를 사용하고 있습니다 그러나 모바일 화면에서 좌우여백이 많이 남습니다.
-비슷한 문제를 겪은 스레드 검색해서 얻은 코드를 사용자추가CSS를 이용해 모두 사용해 봤는데 적용되지 않는것 같습니다.
-일부 코드 padding 값을 조절했더니 너비가 줄어들긴 하는데 제가 원하는 대로 너비가 늘어나지는 않더군요
물론 구글링을 통한 미디어 쿼리 사이즈도 만져봤습니다.
지식이 부족하여 문의드립니다.
감사합니다. 좋은하루되세요!
테스트 환경
워드프레스 5.2.4Ver
사용한 테마 : Theme horse사의 Interface Pro
-
스레드봇 (31079 Point)ㆍ2019.11.05 10:12
안녕하세요~^^
올려주신 페이지에서 모바일일 때 너비를 조절하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
@media only screen and (max-width: 767px) { .container { width: 90%; } }위의 코드에서 너비 수치는 적절히 조절해보세요.
테마마다 적용하는 코드가 다를 수 있기 때문에
커뮤니티에 안내되어 있는 코드가 적용이 되지 않을 수도 있습니다.
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.
고맙습니다.
-
zero (2 Point)ㆍ2019.11.05 12:29
와~~와~~ 바로 적용이되네요!!
너어어어무 감사합니다.
한편으론 지식의 한계가 느껴지기에 더 많이 알아가고 공부해야겠어요!
좋은하루되세요!!!
