Cart Icon missing on mobile

Site URL: http://www.itsdeweytime.com

Hey, on my desktop version and also my mobile editor on desktop everything on my site works as it should but if I access it from my phone or actually on a mobile device some my cart icon disappears and some of my fonts on the individual pages do not generate as well. It was working fine for a while and I can't figure out why it isn't anymore?

1 hour ago, deweyp said:

Site URL: http://www.itsdeweytime.com

Hey, on my desktop version and also my mobile editor on desktop everything on my site works as it should but if I access it from my phone or actually on a mobile device some my cart icon disappears and some of my fonts on the individual pages do not generate as well. It was working fine for a while and I can't figure out why it isn't anymore?

It seems that the background link for cart icon is white, therefore it can not be shown on your site

Your current url

https://static1.squarespace.com/static/616c4855960c986ba9ab8142/t/61716d5eef70de5a66139352/1634823518592/Untitled_Artwork+2.png

You can replace the url with the cart icon you want to apply. Here is an example

.icon--cart {
  background: url('https://api.iconify.design/ph/shopping-cart-simple-thin.svg') no-repeat center center / contain;
}

Change the url with your own image.

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

33 minutes ago, bangank36 said:

It seems that the background link for cart icon is white, therefore it can not be shown on your site

Your current url

https://static1.squarespace.com/static/616c4855960c986ba9ab8142/t/61716d5eef70de5a66139352/1634823518592/Untitled_Artwork+2.png

You can replace the url with the cart icon you want to apply. Here is an example

.icon--cart {
  background: url('https://api.iconify.design/ph/shopping-cart-simple-thin.svg') no-repeat center center / contain;
}

Change the url with your own image.

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Thanks! I'm not sure why it set blank, I just uploaded my custom cart image elsewhere and used that image link instead of the squarespace generated one and it works now! Good catch!

Any chance you know why the custom fonts aren't coming through on mobile either - only seems to be the page titles and titles of products listed in the shop that aren't working correctly on mobile devices

Thanks again!

On 11/27/2021 at 9:37 PM, deweyp said:

Thanks! I'm not sure why it set blank, I just uploaded my custom cart image elsewhere and used that image link instead of the squarespace generated one and it works now! Good catch!

Any chance you know why the custom fonts aren't coming through on mobile either - only seems to be the page titles and titles of products listed in the shop that aren't working correctly on mobile devices

 

Thanks again!

I just checked Adelia font file & the link doesn't exist. You can check font file url in your code

https://static1.squarespace.com/static/616c4855960c986ba9ab8142/t/6171b83413ac85229ae24a51/1634842676129/ADELIA.otf

On 11/29/2021 at 9:32 PM, tuanphan said:

I just checked Adelia font file & the link doesn't exist. You can check font file url in your code

https://static1.squarespace.com/static/616c4855960c986ba9ab8142/t/6171b83413ac85229ae24a51/1634842676129/ADELIA.otf

Thank you, my mistake was doing some poorly organized housekeeping in my "manage custom files" and busted some font and image links. All re-uploaded/fixed now. Thanks for helping me solve my mystery!