Last active
April 19, 2018 08:31
-
-
Save andrastudio/fb814aaefb2d24f1a0f7e6323466d9b3 to your computer and use it in GitHub Desktop.
Buat tampilan produk di mobile device pada theme Cepatlakoo menjadi 1 produk per kolom
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@media screen and (max-width: 480px) { | |
.woocommerce #products-area ul.products li.product, | |
.woocommerce ul.products li.product, | |
.woocommerce-page ul.products li.product, | |
.woocommerce-page[class*=columns-] ul.products li.product, | |
.woocommerce[class*=columns-] ul.products li.product, | |
.woocommerce #products-area ul.products li.product, | |
#main #contentarea .related.products ul.products li.product, | |
.woocommerce ul.products.column-4 li.product, | |
.woocommerce ul.products.column-4 li.product:nth-child(3n+3) { | |
width: 100% !important; | |
margin: 0 0 10px 0 !important; | |
} | |
.woocommerce ul.products li.product .woocommerce-loop-product__title { | |
height: 40px; | |
} | |
.woocommerce ul.products li.product .price { | |
margin-bottom: 0; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment