Jump to content

Forte: Social Icons Only Displaying on Mobile

Recommended Posts

Hello! Using Forte here...

I made the instagram icon visible in the Settings section, but it isn't displaying on my desktop navigation bar, only on my phone. Anyone know why this is, or how I can fix it? Maybe the OS/iOS?

I went ahead and added the icon using Font Awesome and code injection, so now I actually have two instagram icons in the nav bar. I don't know which to delete. Any help would be great. My site is:

leaharon.com

Link to comment
  • Replies 5
  • Views 714
  • Created
  • Last Reply

@tuanphan that's yet a third configuration! Here's my laptop above and phone below. So if someone has a full cache, they won't see the Instagram icon? It was so easy to share the icon in my last template. Let me know if there's some kind of workaround so that the icon is always visible. Thanks!alt text

alt text

screen-shot-2019-09-07-at-112906-pm.png.a17333da27f60c60fc6eb6ecbb7fcdd0.png

image-1-1.jpg.261da20d79483112fa8bc47099a8ea17.jpg

Link to comment

To delete Instagram on Mobile, you can add this CSS to Home > Design > Custom CSS


/* Instagram - Top Icon */
nav#mobile-navigation li.-collection:first-child {
   display: none;
}

/* Instagram - Bottom Icon */
#mobile-navigation div#sqs-social {
   display: none;
}


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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.