워드프레스 그누커머스 테마 적용시 모바일화면 상품오류??? 채택완료
새벽안개이슬
9년 전
조회 5,805
모바일 접속시 상품이 한줄로만 나와서 문의해서 적용했는데요
@media (max-width: 420px) { |
li.gnucommerce:nth-child(2n+1){clear:both!important} |
|
| } |
이렇게 적용 했는데 두줄로 상품이 나와야 하는데요
좌측으로 한줄만 나오네요 부탁드립니다~~
사이트 woovo.cafe24.com 입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
9년 전
css 를 이렇게 수정해 보세요.
</p><p>/* 모바일 메인상품 가로두개 나오기 */</p><p>@media (max-width: 420px) { </p><p>.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: 49.5% !important;margin-left:0;} </p><p>li.gnucommerce{clear:none!important} </p><p>li.gnucommerce:nth-child(2n+1){clear:both!important}</p><p>li.gnucommerce:nth-child(2n){margin-right:0;!important} </p><p>} </p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
새벽안개이슬
9년 전
감사합니다~~ 수정하니 되네요 감사드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인