Adding Social Media Buttons To The Genesis Navigation Menu

I’ve already written about how to add social media buttons to the Thesis nav menu but how about if you’re using Genesis or a Studiopress theme?

Note: A better option is to add a new widget area in your nav menu. See the related links at the end of the post

That’s what this tutorials about.

A really simple way to add the buttons after creating new custom menu items.

No real coding needed as we’re going to use a plugin to handle all the heavy lifting.

First step is to install the Genesis Social Profiles Menu Plugin. You can download the plugin or search for it in the WordPress plugin directory.

Once you’ve activated the plugin, its simply a matter of creating new menu items.

Go to Appearance > Menus and add a custom link for each social button you want to add.

Next step is to display CSS classes for your custom menu items.

Go to Screen Options > and check the CSS classes box as shown in the image below.

css classes

Now add the link to your social profile.

Also add one of the css classes from the list below.

These include the size of the button which will be displayed.

Keep the Navigation label short so it only takes up a small section of your menu.

In this example, i’ve used one letter for each nav label.

This is the easiest way to add your social links so they display in your menu on every page.

You could also create conditional menus so your social buttons only display on a nav menu used on specific pages or posts.

Main navigation