안녕하세요~^^

CSS 코드 수정은 저희가 페이지를 직접 봐야 도움을 드릴 수 있습니다.

비회원으로도 확인 가능한 실제 페이지 주소 알려주시겠어요?

어느 영역인지도 설명해주시면

CSS 코드로 수정이 가능할지 살펴보겠습니다.

고맙습니다.

http://runninggogo.com/event/

http://runninggogo.com

이벤트 리스트는 메인 페이지와  전체 레이스 링크를 첨부해드렸구요 

http://runninggogo.com/shop/

우커머스 페이지 역시 마찬가지예요 

이모든 페이지 상품,이벤트들이 모바일에서 하나씩만 표현되거든요   

한줄에 두개씩 표현하고 싶네요 

아래의 CSS 코드로 해결이 가능한지 확인해보시겠어요?

@media screen and (max-width: 600px) {
	.ovaem_events_filter .ovaem_events_filter_content .ova-item.style3 { float: left; width: 50%; }
	.ova-woo-shop .shop_archives .ova_content_shop .product { float: left; width: 50%; }
}

만약, 위의 코드로 해결이 되지 않는다면

테마나 관련 플러그인 제작자에게도 가능한 방법이 있는지 문의해보셔야 할 듯합니다.

고맙습니다.

아 되긴한데 조금  양쪽 여백이라던지 두 이벤트 사이 간격을 좀 수정해야 할듯 합니다 ~!

그리고 http://runninggogo.com/home-4/ 요 페이지 경우는 저 코드가 안먹네요  요페이지도 적용할수 없을까요?

그리구요 모바일말구 웹에서 

혹시 우커머스 상품을 한줄에 네개씩 설정되려나요? 

https://imgur.com/IGWKY5y

첨부파일 이미지 보시면 저렇게 한줄에 세개씩만 정렬이 되는데 네개로 정렬을 하고 싶은데 안되네요 

우커머스 설정에 4개씩 정렬하는 부분이 있는데 테마에서 제어하고 있는지 먹통입니다 ㅜㅡㅜ

http://runninggogo.com/home-4/

요페이지 상품 네개씩 정렬하고 싶습니다..

https://imgur.com/fHOmoqE

보시는거 처럼 설정해도 안먹어요 

CSS 코드는 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해보세요.

아래의 코드를 활용하시면 올려주신 페이지에서 우커머스 상품을

PC 화면에서 한 줄에 4개씩 표시할 수 있고 모바일에서 한 줄에 2개씩 표시하실 수 있습니다.

.woocommerce div.product { float: left; width: 25%; }
@media screen and (max-width: 600px) {
	.woocommerce div.product { float: left; width: 50%; }
}

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.