0 brandon 8,851 Posted October 29 (edited) Something simple like this should work: .Cart[aria-label^='0'], .Cart:not([aria-label]) { display: none; } Let me know how that works for you. It's not something I heavily tested. If it does work, it could be modified using opacity and transitions instead. Related: https://forum.squarespace.com/topic/2639-hide-cart-until-items-in-the-cart/?tab=comments#comment-15354 https://forum.squarespace.com/topic/4550-hide-cart-icon-unless-product-in-cart/?tab=comments#comment-26867 Also, is it just me or is there no way to get to the checkout on mobile using the Foster template? Using the demo site, there was no link to the checkout at any point in my mock-shopping. -Brandon Edited October 29 by brandon 2 MathieuL and paul2009 reacted to this If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' (top-left) Share this post Link to post
0 paul2009 28,490 Posted October 30 (edited) Great use of the accessibility attribute 🙂 On 10/29/2019 at 1:01 PM, brandon said: is it just me or is there no way to get to the checkout on mobile using the Foster template It's an unfortunate setting for a Squarespace demo! They've set MOBILE: CART to Position: Hide in Site Styles. Edited October 30 by paul2009 1 brandon reacted to this If a response has helped you, please give thanks using the button.Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital Share this post Link to post
I am using the Brine - Foster template.
Share this post
Link to post