KelseyLenz Posted April 18, 2023 Share Posted April 18, 2023 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> Link to comment
tuanphan Posted April 22, 2023 Share Posted April 22, 2023 Can you share link to this product? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KelseyLenz Posted May 2, 2023 Author Share Posted May 2, 2023 Sure! Thanks for your help. https://www.jessbrownrd.com/shop/p/regular-girl-probiotic Link to comment
Solution tuanphan Posted May 4, 2023 Solution Share Posted May 4, 2023 On 5/2/2023 at 11:53 PM, KelseyLenz said: Sure! Thanks for your help. https://www.jessbrownrd.com/shop/p/regular-girl-probiotic Change your code .product-quantity-input { display: none; visibility: hidden; } to this .product-quantity-input { display: none !important; visibility: hidden; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KelseyLenz Posted June 19, 2023 Author Share Posted June 19, 2023 Thanks a ton, that worked! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment