Move social icons to be inline with menu in header, underneath logo

Site URL: https://jill-brown-5.squarespace.com/

Is there any way - without using the code injection - to move the social icons in the header to sit alongside the menu, underneath the site logo, in 7.1? 

Or failing this, just put it underneath the menu? 

It all needs to be centered and currently I can only get the social links on the right or left hand side...

Help! Thanks 

Hi. What is access password?

Hi Tuan, site pw is 'jill'

My idea is you can add 3 items after Contact, then we will give the code to replace them with FontAwesome Icons.

Thanks Tuan, is that possible to do if the client is only going to have the personal plan and not have access to the code injection?

On 6/5/2022 at 2:04 PM, ClaireWard said:

Thanks Tuan, is that possible to do if the client is only going to have the personal plan and not have access to the code injection?

 

Hi. Yes. Possible. With Personal Plan, you need to add this code first in Site Footer (Edit Footer > Add a Code Block > Paste below line)

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  

Then add 3 items to Main Navigation, we will check & give the code

If the site is live & you can't do this, just duplicate or create a test site with same header layout, we can test there