shadybyjay Posted July 20, 2020 Share Posted July 20, 2020 Hi! I recently signed up for Squarespace 7.1 - i'm still creating my site and noticed that when a product block is added to my site, the add to cart / purchase button goes too far to the right on. I used a CSS code to fix the mobile version from another post but I need to fix the issue on my desktop view as well. If anyone can help, I'd really appreciate it Link to comment
shadybyjay Posted July 20, 2020 Author Share Posted July 20, 2020 Thank you @rwp I think it was @tuanphan the code is @media screen and (max-width:767px) { .sqs-add-to-cart-button { min-width: unset !important; } } It fixed the mobile format of the add to cart button but not on desktop. Im not sure where to put the code from jQuery 3.x there are only header and footer options on code injection and I dont need the add to cart button in the header or footer just on the product page. Link to comment
tuanphan Posted July 20, 2020 Share Posted July 20, 2020 Can you share link to 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
shadybyjay Posted July 20, 2020 Author Share Posted July 20, 2020 (edited) @tuanphan@tuanphan Forgive me, im still learning and have not published my page so im not sure how id send a link ** EDIT I actually figured it out I believe but now my select a color drop down is off center on the mobile view .. oh boy! Please help https://owl-jaguar-kb44.squarespace.com/config/design Edited July 20, 2020 by shadybyjay Link to comment
rwp Posted July 20, 2020 Share Posted July 20, 2020 @shadybyjay You need to set your page to password and share the password for us to access it. Link to comment
rwp Posted July 20, 2020 Share Posted July 20, 2020 .sqs-add-to-cart-button { min-width:unset !important } Link to comment
shadybyjay Posted July 20, 2020 Author Share Posted July 20, 2020 @rwp The select a color button is off too Link to comment
rwp Posted July 20, 2020 Share Posted July 20, 2020 .product-variants.preFade.fadeIn { min-width:unset !important } Link to comment
shadybyjay Posted July 20, 2020 Author Share Posted July 20, 2020 Still there, I added that code into the CSS box Link to comment
rwp Posted July 20, 2020 Share Posted July 20, 2020 I'm not at my computer to check, but I copied and pasted that and didn't edit. I think it should have been width not min-width. Link to comment
shadybyjay Posted July 20, 2020 Author Share Posted July 20, 2020 @rwpFixed it! Thanks so much for the help!! 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