Hello, Everyone!
I am using Shopify Impact theme. I have added Add to Cart button to the right of Quantity button on product page. It is working fine in desktop mode but in mobile mode it is showing more space to the right of Quantity button. I want to reduce the space a little. I want to keep “In winkelwagen” text in one line also I want to keep Add to Cart button size same as Quantity button in mobile mode. It is not looking good. I have added my code file below. Please help me. Thanks in advance
Store: Svelteclothes
Password: Admin
.product-info__buy-buttons form.shopify-product-form {
width: calc(100% - 159px);
float: right;
margin-top: -89px;
}
@media (max-width: 749px) {
.product-info__buy-buttons form.shopify-product-form {
margin-top: -75px !important;
}
}
.product-info__buy-buttons form.shopify-product-form button.button {
height: 50px;
line-height: 1;
}