Add social media icons to main menu

  • Resolved lovestobegreen

    (@lovestobegreen)


    2 years, 11 months ago

    Hi Steven,
    Is there a way to add the social icons widget to the main menu?

    I’m able to add it easily to the sidebar and footer widgets but I can’t figure out how to add it to the main menu.

    Thanks in advance.

    Best,
    Michelle

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Michelle,

    There isn’t a built-in way to do this, but if you’d like to just add your IG and Pinterest links to the main menu, you can use this CSS in Appearance > Customize > Additional CSS to convert them to icons:

    .navbar-nav > li > a[href*="instagram.com"], .navbar-nav > li > a[href*="pinterest.com"] {
    font-size: 0;
}
.navbar-nav > li > a[href*="instagram.com"]:before, .navbar-nav > li > a[href*="pinterest.com"]:before {
    font-family: 'FontAwesome';
    font-size: initial;
}
.navbar-nav > li > a[href*="instagram.com"]:before {
    content: '\f16d';
}
.navbar-nav > li > a[href*="pinterest.com"]:before {
    content: '\f0d2';
}

    If you have any questions or run into any trouble just let us know!

    Thread Starter lovestobegreen

    (@lovestobegreen)

    Hi Steven,
    That’s exactly what I needed!

    Thank you so much for always finding the solution so quickly and presenting it easily so someone (like me) who’s not that familiar with coding can figure out what to do. I really appreciate it!

    Best,
    Michelle

    Very happy that it worked out for you, Michelle…thanks so much for the follow up and also for the kind words! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add social media icons to main menu’ is closed to new replies.