Jump to content

Social Icon on Header + Hamburger Menu

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

If you use Business Plan or higher

1. Add to Code Injection Header

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

2. Create Navigation with Link to Facebook, Twitter, ...

and Name:

<i class="fa fa-facebook-official" aria-hidden="true"></i>

With Twitter, name will be

<i class="fa fa-twitter" aria-hidden="true"></i>

or see all icons here: https://fontawesome.com/v4.7.0/icons/

If you use Personal Plan, need to tweak the code..

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
2 hours ago, julianna.rodriguezd said:

Hi Tuanphan! 

Thanks for your advice, my client added this code and it's actually not working since the hamburger menu was forced into the desktop view so the IG icon is probably there but it's just not showing up. 

Above code will add icons to both Desktop - Mobile. You need to use CSS to hide icons on Desktop.

I didn't send CSS above, because each template will need different code for this. Can't give the code without site url.

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

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.