Jump to content

Cart Icon missing on mobile

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

image.thumb.png.7f0848059926f14f37805b8615486654.png

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

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

image.thumb.png.7f0848059926f14f37805b8615486654.png

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!

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.