Currently the spacing is too much, i want to reduce the spacing on desktop as well as on mobile.
Topic summary
A user seeks to reduce excessive spacing between the quantity selector and Add to Cart button on both desktop and mobile product pages.
Solution Provided:
- Add CSS code to the end of
base.cssfile (Shopify Admin → Online Store → Theme → Edit code → base.css) - The CSS targets a hidden empty inventory element:
.product__inventory.visibility-hidden:empty {display: none !important;}
Outcome:
- The solution successfully resolved the spacing issue
- User followed up with an additional question about increasing button height, which remains unanswered as the helper requested clarification on which specific button needs adjustment
Status: Partially resolved - original spacing issue fixed, new button height question pending clarification
@Sammy221996 Can you please share this page link?
Hi, Thanks for the response, here is the link: https://hopefulpup.com/products/dog-mom-tee?variant=51146887692555
@Sammy221996 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css
.product__inventory.visibility-hidden:empty {display: none !important;}
Thank you so much! I was just about to hit my head on the wall! LOL
one more question please! how can i increase the height of the button?
@Sammy221996 which button?