Hi,
Theme’s been great! There’s a few edits I’d like to make to the product display in mobile view.
1) I’m trying to obtain grid view by default in mobile for shop elements (2 columns). I used this custom CSS I found in your forums, but it does not actual take effect in mobile. Strangely it looked okay when I test it using a web-based tool (like http://quirktools.com/screenfly/) but not in any mobile browser….
CSS I USED:
@media only screen and (max-width: 479px) {
.woocommerce .products .product {
float: left!important;
width: 50%!important;
}
}
2) I’d like to hide the categories that display under product thumbnails in mobile view. I’ve tried two different custom CSS lines but neither work.
CSS I USED:
.products .product .product-details .posted_in{
display:none !important;
}
AND
.posted_in {
display:none;
}
3) In mobile view I’d like to move the title and breadcrumbs over the product image in the product detail page. (see image).. I assume I’ll need to move a couple lines in the product-detail.php, just not sure which lines :P.
.