• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Social Follow Buttons Using Custom Menu In Split Footer of Genesis Sample

This tutorial contains CSS code which ONLY works in the Genesis Sample child theme.

The CSS code will not work properly in any other StudioPress child themes.

You will need to modify the CSS to get it working in other themes.

social icons

There’s 2 steps involved:

  1. Create a new menu unassigned to any theme location. Add dashicon classes as custom classes to each menu item as seen in the screenshot below.
  2. Add PHP and CSS code to your child themes files.

Custom Menus

You can grab different dashicon classes directly from the HTML link on the Dashicon website. Here’s more about how to use Dashicons in WordPress.

Here’s all the code:

All the PHP code goes at the end of the Genesis Sample themes functions.php file and the CSS at the end of the style.css file.

Related Tutorials

  • Custom Social Sharing Buttons Using Dashicons

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.