Customizing socialLinks on frontity-chakra-theme

🙋Get Help
1

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. :slight_smile:

Best regards.

2

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
};
  1. 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 :blush:

Here is my working screenshot

Screenshot from 2021-09-27 12-59-59
Screenshot from 2021-09-27 12-59-591250×523 75.8 KB

3 Likes
3

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

1 Like