Reply To: Product variations cut off on mobile + remove product nav arrows

[lobsterass]

OK…I’m not sure what I should do different? The code in the other thread about shop didn’t work either, so I’ve clearly messed something up in this code:
}
.tp-bannershadow.tp-shadow1 {
bottom: -24px!important;
}
@media only screen and (max-width: 768px) {
}
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -80px!important;
}
.list-best-sellers span.amount { display:none;
}
ul.products li.product .product-details {
float: none;
text-align: center;
}
#product-accordion {
display: none;
}
.summary .product_meta {
display: none;
}
.variations_form {
overflow: visible;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
border-top: none;
}
.posted_in {
display: none;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price {
display: none;
}
ul.products li.product .product-details {
width: 100%;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
text-align: center;
}