ShirleysSimpleShelving Posted June 6, 2020 Share Posted June 6, 2020 Site URL: https://shirleyssimpleshelving.com Hello, Does anyone have any advice for how to make the cart icon visible to Mobile users? The shopping cart is visible in my Navigation Bar on desktop, but not on Mobile. Thanks! Link to comment
paul2009 Posted June 6, 2020 Share Posted June 6, 2020 There are separate settings in Design > Site Styles for desktop and mobile. Whilst previewing the mobile version of the site, open the Site Styles panel and choose a position for the mobile cart icon (instead of hidden). ShirleysSimpleShelving 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
ShirleysSimpleShelving Posted June 7, 2020 Author Share Posted June 7, 2020 18 hours ago, paul2009 said: There are separate settings in Design > Site Styles for desktop and mobile. Whilst previewing the mobile version of the site, open the Site Styles panel and choose a position for the mobile cart icon (instead of hidden). This worked perfectly. Thanks Paul! paul2009 1 Link to comment
jjnj Posted August 31, 2021 Share Posted August 31, 2021 @paul2009Hi Paul, I'm using a York template (Shibori specifically) and the cart icon is not showing in mobile, although the number of items is. A customer recently reached out because she couldn't find the cart on her phone. I did know there is a separate setting for mobile, so I checked it and saw I had the color of the icon set to the same color as the background, and I thought, easy fix! However, even after changing it (and saving), it's still not appearing. Any ideas? (https://www.flat-wear.com/) Note if I choose either text or bag instead, those *do* appear. Link to comment
tuanphan Posted September 1, 2021 Share Posted September 1, 2021 @jjnj You mean Bag or Cart icon? 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
paul2009 Posted September 1, 2021 Share Posted September 1, 2021 On 8/31/2021 at 3:16 AM, jjnj said: The cart icon is not showing in mobile, although the number of items is. The cart icon has been hidden with some custom CSS. If you remove this, the cart will appear on the navigation overlay as normal, like this: That said, I recommend that you review your custom code as there is a lot of it, and I found parts of the site that didn't work properly. For example, clicking X to close the mobile navigation overlay didn't work for me. On the subject of the cart icon, it is notoriously difficult for potential customers to find on this template family as it can only be accessed via the hamburger menu on mobile. Personally I recommend that anyone building a store using the York template family should add some code to show the mobile cart icon in the header, like this: jjnj 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
jjnj Posted September 3, 2021 Share Posted September 3, 2021 Thank you for all this information and help, @paul2009 ! I really appreciate you taking a look. Link to comment
jjnj Posted September 3, 2021 Share Posted September 3, 2021 @tuanphanThe cart. The bag does work. Paul2009 discovered why it is happening. tuanphan 1 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