How to get custom header cart Icon to show on mobile - DAWN

[INKLY]

Hi,I changed the cart icon to a custom one. but it seems to only render on desktop but not on mobiles. Does anyone know the solution to this problem? Thank you very much for your help !

Wesite URL: https://inkly.fr/

[ThomKnepper · Accepted solution]

Hi there,

In the theme code, go to the 'icon-cart.liquid' and 'icon-cart-empty.liquid' and replace the SVG code. This should do the trick! Keep in mind that you have a different icon for an empty and a filled cart.

[INKLY]

@ThomKnepper Thank you! I was aware of the different icon for an empty and a filled cart!

[AnneLuo]

Hi, @INKLY 

From my perspective, the desktop icon has not changed either.

[Arif_Shopidevs]

Hi @INKLY 

In  header.liquide there are two type of icon 

     if cart == empty
            render 'icon-cart-empty'
          else
            render 'icon-cart'
          endif

one is for empty card another is with card. You have changed the item in cart icon 🙂 You need to change other one also.

It will solve your issues.