How can I place social icons in the footer instead of the header

Site URL: https://www.maartenrots.nl/

Hi there,

I'm using Brine (Moksha) and would like to have the social icons in the footer instead of the header.
It would be great to get some help with this, thanks!

Fixed it after some fiddling around.

I added the social links to the header in the Site Styles.
Then I copied the piece of code Squarespace uses to add the icons in the header.
I pasted this in a code block in the footer and used CSS to position it.
I then turned the social links off again in the Site Styles.

That's it, works like a charm 🙂

Can you share the detail here, for other users? Thank  you!

You can also use FontAwesome icons, the icon code will be shorter, something like this

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

How could I do this on my site so that the icons also appear on the footer and on the mobile app footer?

hickoryhillsfamilydental.com

pathfinders123

On 7/1/2021 at 8:35 AM, PathfinderJake said:

How could I do this on my site so that the icons also appear on the footer and on the mobile app footer?

hickoryhillsfamilydental.com

pathfinders123

You mean make Instagram under Contact Us on mobile?

On 7/2/2021 at 4:07 AM, tuanphan said:

You mean make Instagram under Contact Us on mobile?

Yes

On 7/1/2021 at 8:35 AM, PathfinderJake said:

How could I do this on my site so that the icons also appear on the footer and on the mobile app footer?

hickoryhillsfamilydental.com

pathfinders123

Incorrect password.  Can you check it again?

On 2/18/2021 at 10:13 PM, tuanphan said:

You can also use FontAwesome icons, the icon code will be shorter, something like this

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

Hi! Can you explain this? What code would I use to add an icon from FontAwesome to the footer? I want to use the boxed linkedin icon (fa fa-linkedin rather than fa-fa linked-in). 

website: www.pillarsresearch.org

On 4/26/2022 at 6:35 PM, smotheredbutta said:

On 2/19/2021 at 10:13 AM, tuanphan said:

You can also use FontAwesome icons, the icon code will be shorter, something like this

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

Hi! Can you explain this? What code would I use to add an icon from FontAwesome to the footer? I want to use the boxed linkedin icon (fa fa-linkedin rather than fa-fa linked-in). 

website: www.pillarsresearch.org

First, add a Code Block on Footer > Paste this code

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

Next, to add Linkedin Icon, add a Code Block > Paste this code

<a href="https://linkedin.com/abcyxz"><i class="fa fa-linkedin" aria-hidden="true"></i></a>

Hi @tuanphan do you know how to hide footer icons by chance? I'm trying to remove those links in the Brine template and add a line between the footer nav and top blocks. Any thoughts would be greatly appreciated! Thanks.

mwlit.com
PW: press spacebar

On 3/22/2023 at 12:34 AM, nmbenson1 said:

Hi @tuanphan do you know how to hide footer icons by chance? I'm trying to remove those links in the Brine template and add a line between the footer nav and top blocks. Any thoughts would be greatly appreciated! Thanks.

mwlit.com
PW: press spacebar

It looks like you figured it out?

Hi @tuanphan I did, aside from including a line. Thanks for responding. I actually just pinged you on another topic though. I am trying to have images in summary blocks with click through URLs open in a new window. Have you worked on that in Brine by chance?

On 3/29/2023 at 8:14 PM, nmbenson1 said:

Hi @tuanphan I did, aside from including a line. Thanks for responding. I actually just pinged you on another topic though. I am trying to have images in summary blocks with click through URLs open in a new window. Have you worked on that in Brine by chance?

I remember I answered. You try checking it again