워드프레스 테마 아래의 위젯 1/4 설정으로 최신글뷰를 넣었는데 pc에서는 1/4만큼 잘 들어가있지만, 모바일이나 옆으로 줄엿을땐 아래와 같이 제목란이 옆으로 쏠립니다.
길게 제목을 쓰지 않는 한 width:100%처럼 되지 않는데요. 어떻게 수정하면될까요?;;
<pc버전>
<모바일 및 사이즈를 줄였을때의 모습>
우선 스킨마다 차이는 있지만, 최신글의 경우 width가 100%로 되어있습니다.
따라서 테마의 특성으로 보입니다.
PC에서는 테마의 위젯의 영역이 25% 인것같고, 모바일에서는 50%로 보여집니다.
최신글은 위젯 영역에 꽉차게 표현되기 때문에 테마의 스타일을 그대로 따라 표시됩니다.
테마쪽 style.css 파일 혹은 다른파일에 있는 CSS 속성을 수정하셔야 할 듯합니다.
답변을 드리고 싶지만 올려주신 스샷으로는 어떤 CSS를 수정해야하는지 알 수 없습니다.
크롬 브라우저의 개발자도구(F12키)를 사용하시면 보다 쉽게 CSS 속성을 찾고 변경하실 수 있습니다.
확인 가능한 페이지 주소 알려주시면 추가적인 도움 드릴 수 있을 듯합니다~^^
http://seriam.kr/wp-content/themes/betheme/css/responsive.css
위 파일에서 1020번째 줄
table { overflow-x: auto; display: block;}
위 코드를 아래처럼 수정하니 모바일에서 width가 100%로 표시되는걸 확인했습니다.
table { overflow-x: auto; }
적용 해보시겠어요?