Making Cart Icon Visible on Mobile (Foster)

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!

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).

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!

@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.

@jjnj You mean Bag or Cart icon?

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:

Thank you for all this information and help, @paul2009 ! I really appreciate you taking a look.

@tuanphanThe cart. The bag does work. Paul2009 discovered why it is happening.