Howdy!
I customized some of my product pages using the code below to hide the "add to cart" button, the quantity and the variant, and it looks great on desktop but has a huge gap on mobile (see attached photo).
Thanks for your help!
<style>
.product-quantity-input {display:none;visibility:hidden;}
.variant-option { display: none!important; }
.ProductItem-details .sqs-add-to-cart-button-wrapper { display: none; }
.ProductItem-details .ProductItem-details-excerpt a {
background: #DA4C58;
padding: 15px;
color: white;
text-decoration: none; }
</style>