워드프레스에서 그누커머스테마 적용시 모바일샵에서 문의드립니다??
본문
워드프레스에서 그누커머스테마 적용해서 쇼핑몰을 운영하고 싶은데요
상품을 등록하고 그누커머스 모바일에서 접속시 상품이 세로로 한개씩만 나오는데
상품이 가로 2개씩 나오는방법 알려주세요, 초보입니다. 답변 부탁드립니다~~
답변 2
해당 부분은 css 미디어 쿼리로 되어 있기 때문에, css 조정해 주시면 됩니다.
하는 방법은
그냥 화면에 적용되는 아무 css 파일에다가
@media (max-width: 420px) {
.boots_row .col-gn-1,.boots_row .col-gn-2,.boots_row .col-gn-3,.boots_row .col-gn-4,.boots_row .col-gn-5,.boots_row .col-gn-6,.boots_row .col-gn-7,.boots_row .col-gn-8,.boots_row .col-xs-9,.boots_row .col-xs-10{width:50% !important}
li.gnucommerce{clear:none!important}
li.gnucommerce:nth-child(2n+1){clear:both!important}
}
위와 소스를 복사해서 붙여넣기 하면 오버라이딩( 덮어쓰기 ) 되기 때문에,
상품이 가로 2개씩 나올것입니다.
소스 복사해서 붙여넣기 했더니 양쪽으로 두줄로 상품이 나와야 되는데요
좌측 한쪽으로만 세로로 상품이 쭉 진열되요~~ 어떻게 해야되죠??
css 에 관한 부분은 관련 url 을 알려주는것이 제대로 된 답변을 받는데 더 도움이 됩니다.
답변 감사합니다 감사드립니다~~
답변을 작성하시기 전에 로그인 해주세요.