www_uffe_one Posted May 21, 2021 Share Posted May 21, 2021 Site URL: https://www.hamiltonworkshop.com/ Hi I´m having trouble with the "add-to-cart" button in a product block with 4 columns. When customers press the button, the "Adding - Added" animation breaks the grid of my product blocks - see image. The initial width of the add-to-cart button is based off my viewport size - I guess - How do I keep it that way? It seems to revert to at standard width after pressing the button? Link to comment
tuanphan Posted May 22, 2021 Share Posted May 22, 2021 Add to Design > Custom CSS /* Product blocks add to cart */ .product-block .productDetails.center .sqs-add-to-cart-button-wrapper { min-width: unset !important; } sleepyacorn 1 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
www_uffe_one Posted May 25, 2021 Author Share Posted May 25, 2021 @tuanphan you are wonderful - thanks for your help Link to comment
tuanphan Posted May 26, 2021 Share Posted May 26, 2021 On 5/25/2021 at 5:16 PM, maskiner said: @tuanphan you are wonderful - thanks for your help Do you need to solve these? Site URL: https://www.hamiltonworkshop.com/ 1. (Tablet-Homepage) Increase width or change to 2 items/row? 2. (Mobile-Homepage) change to 2 products/row? 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
www_uffe_one Posted June 15, 2021 Author Share Posted June 15, 2021 It solved it on desktop, but as you point out, not on tablet and mobile. How do I change to 2 products/row on tablet and mobile? Thanks in advance Link to comment
tuanphan Posted June 16, 2021 Share Posted June 16, 2021 20 hours ago, maskiner said: It solved it on desktop, but as you point out, not on tablet and mobile. How do I change to 2 products/row on tablet and mobile? Thanks in advance Add to Design > Custom CSS /* tablet-mobile products */ @media screen and (max-width:991px) { div#page-section-5fb24f0f844f9e409ec54198 .span-3 { width: 50% !important; } } 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
www_uffe_one Posted August 17, 2021 Author Share Posted August 17, 2021 (edited) @tuanphan Thanks for your help so far 🙂 Next Question; why does the add-to-cart button resize after I click it? And why does it revert to "cart" - not bag Edited August 17, 2021 by maskiner typo Link to comment
www_uffe_one Posted August 31, 2021 Author Share Posted August 31, 2021 On 8/17/2021 at 2:13 PM, maskiner said: @tuanphan Thanks for your help so far 🙂 Next Question; why does the add-to-cart button resize after I click it? And why does it revert to "cart" - not bag Any help with this one 🙂 @tuanphan Link to comment
tuanphan Posted September 1, 2021 Share Posted September 1, 2021 22 hours ago, maskiner said: Any help with this one 🙂 @tuanphan Hi, It looks like you fixed? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment