How to add social icons in the main nav…

[seminolecrew]

I posted on here a while ago, but never received an answer. Trying again.

I am trying to insert social media icons in my main nav. I searched online on how to do it. Seems like a great solution was located on this page (as far as code goes).

But when I inserted the code in the functions.php file, it crashed the site. So I had to go back in and delete the code. As soon as I did that it was back up and running. Does anyone know what is wrong with the code, or how I can insert social media icons into the main nav?

Thanks

http://www.i5pi.com

[Victor Font]

I've done this for this site: http://sunshinestateskinny.com/. The icons are from fontawesome.

1. Install the Better FontAwesome plugin, so the fontawesome icons are always using the latest versions.
2. Create a custom menu item for your main menu in the menu builder.
3. The URL for the menu item points to your social media page
4. The navigation label is the fontawesome icon of your choosing: <i class="fa fa-instagram"></i><span class="fa-hidden">Instagram</span>
5. Add custom classes to the menu item: right social-icon
6. Add the custom CSS to the theme's style sheet.

.fa-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.genesis-nav-menu > .right {
    color: #FFF;
    display: inline-block;
    float: right;
    list-style-type: none;
    padding: 25px 0px;
    text-transform: uppercase;
}

.social-icon > a i {
    font-size: 16px;
    padding-right: 20px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[seminolecrew]

Thank you. I'm not super code knowledgeable, but that seems somewhat straight forward. I will give it a shot.

Corey

[seminolecrew]

Victor, I'm getting this error on the plugin install...

Downloading install package from http://downloads.wordpress.org/plugin/better-font-awesome.1.4.3.zip…
Download failed. SSL certificate problem, verify that the CA cert is OK. Details: error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed

Any advice?

Corey

[Author]

Posts