Customizing socialLinks on frontity-chakra-theme

[spiral272]

Hello everyone,

I’m currently customizing a build of the chakra theme and would like to add social links to my GitHub and Linked in. The themes defaults are for

   socialLinks: [
            ["pinterest", "https://www.pinterest.com/frontity/"],
            ["facebook", "https://www.instagram.com/frontity/"],
            ["twitter", "https://www.twitter.com/frontity/"]

But I have been unable to find any resources to link to any other type of social media.

For example,
["linkedin", "https://www.linkedin.com/in/trevor-mearns-8a042a56/"],

Results in nothing appearing in either the header or the footer of the theme.
Does anyone have any suggestions? TIA on this one. Would love any feedback.

Best regards.

[santoshdevnath15]

Hi @spiral272, you are not able to use Github for your social link because you do not have the icon on the social-menu.js page.

Solution

1. Go to components/header/social-menu.js file and update this code in that page

const icons = {
  twitter: IoLogoTwitter,
  pinterest: IoLogoPinterest,
  facebook: IoLogoFacebook,
  instagram: IoLogoInstagram,
  github: IoLogoGithub
};

2. Go to src/index.js and update this code

socialLinks: [
        ["pinterest", "https://www.pinterest.com/frontity/"],
        ["facebook", "https://www.instagram.com/frontity/"],
        ["twitter", "https://www.twitter.com/frontity/"],
        ["github", "https://github.com/santosh3700"]
      ],

Now it should work

Here is my working screenshot

[spiral272]

Thank you, @santoshdevnath15 . That did it. You’re awesome!