Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active December 14, 2020 16:49
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 9 You must be signed in to fork a gist
  • Save srikat/8171174 to your computer and use it in GitHub Desktop.
Save srikat/8171174 to your computer and use it in GitHub Desktop.
Adding Simple Social Icons to Navigation bar in Genesis. http://sridharkatakam.com/adding-simple-social-icons-navigation-bar-genesis/
genesis_register_sidebar( array(
'id' => 'nav-social-menu',
'name' => __( 'Nav Social Menu', 'your-theme-slug' ),
'description' => __( 'This is the nav social menu section.', 'your-theme-slug' ),
) );
add_filter( 'genesis_nav_items', 'sws_social_icons', 10, 2 );
add_filter( 'wp_nav_menu_items', 'sws_social_icons', 10, 2 );
function sws_social_icons($menu, $args) {
$args = (array)$args;
if ( 'primary' !== $args['theme_location'] )
return $menu;
ob_start();
genesis_widget_area('nav-social-menu');
$social = ob_get_clean();
return $menu . $social;
}
.genesis-nav-menu .widget {
float: right;
}
.genesis-nav-menu .simple-social-icons ul li {
margin-bottom: 0 !important;
margin-top: 0.7rem !important;
}
.genesis-nav-menu .widget-area {
float: right;
padding-top: 2.2rem;
}
.genesis-nav-menu .widget-area {
float: right;
padding-top: 1.5rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment