Streamline Theme – moving simple social icons above header

[ludvig]

Hey,

I am using the plugin "Simple social icons" - currently displayed in my header. I would like to move these icons above the header to the right side of the primary navigation, which is already moved above header.

So far I've managed to register a new widget area, but it is not working properly yet, I am messing up the code somehow and I do not quite know where I am failing. Here's the code:

functions.php

genesis_register_sidebar( array(
'id' => 'before-header',
'name' => __( 'Before Header', 'streamline' ),
'description' => __( 'This is the before header section.', 'streamline' ),
) );

(and then later in the bottom of the functions.php)...

/** Widget area navigation menu **/
add_action( 'genesis_before_header', 'before_header' );

Home.php

/** Add the before header section */
add_action( 'genesis_before_header', 'streamline_before_header' );
function streamline_before_header() {

/** Do nothing on page 2 or greater */
if ( get_query_var( 'paged' ) >= 2 )
return;

genesis_widget_area( 'before-header', array(
'before' => '<div class="before-header widget-area">',
) );

...

I assume that I am not executing the hook correctly somehow. Can anyone see where I am going wrong?

[ludvig]

I got it working by changing it to this in the functions.php file.

/** Register new widget area **/
genesis_register_sidebar( array(
'id' => 'before-header',
'name' => __( 'Before Header', 'streamline' ),
'description' => __( 'This is the before header section.', 'streamline' ),
) );

/** add the above widget hook **/
add_action( 'genesis_before_header', 'custom_before_header' );
function custom_before_header() {
genesis_widget_area( 'before-header', array(
'before' => '<div class="before-header widget-area">',
) );
}

But it didn't look very nice. I want to get the icons to the navigation area for it to look nice, but I do not understand quite how.

[jennylynn]

Probably editing the style sheet but I don't know how to do it, I'm also looking for a solution.

[jennylynn]

I got it to work using this tutorial

How to add a widgeted area in Navigation bar in Genesis

[ludvig]

I used the same tutorial and it worked with my "simple social icons" plugin, but looked very bad.

So I wanted to use the "Social Media Widget" recommended in the post. But it only shows one icon per row, I can't seem to get them all to align on a single row. It is weird because I have followed the tutorial perfectly.

Did you have the same issue?

[Author]

Posts