Jump to content

Cart Icon missing on mobile

Recommended Posts

  • Replies 4
  • Views 387
  • 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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.