Social Media at Top

[defree99]

I'm using the Enterprise Pro theme here:

http://tinyurl.com/ltrtyrx

1) At the top of the page I have a secondary navigation menu.

2) I want to keep the blue background but instead of menu items, I want to put a row of Social Media Icons

3) How can I do this?

[Hiker]

Great question

---

ReneeStern.com

[brock]

Hey, I got an answer to this solution from Sridhar Katakam. The solution comes from him and I am passing it along to you.

The following code snippet should go in your functions.php file. It creates a new widget area called 'top-bar' and hooks it to the 'genesis_before_header' hook.

genesis_register_sidebar( array(
    'id'          => 'top-bar',
    'name'        => __( 'Top Bar', 'enterprise' ),
    'description' => __( 'This is the top bar for placing social icons.', 'enterprise' ),
) );

add_action( 'genesis_before_header', 'sk_top_bar' );
function sk_top_bar() {
    genesis_widget_area( 'top-bar', array(
        'before'    => '<div class="top-bar widget-area"><div class="wrap">',
        'after'        => '</div></div>',
    ) );
}

The next code snippet should go in your style.css file. It styles the previously added section.

.top-bar {
    background: #5387c0;
    padding-top: 12px;
}

.top-bar .widget:last-child {
    margin-bottom: 0;
}

You will then go and add your social icon widget to the newly created 'top-bar' widget area. Thanks again to Sridhar Katakam and hope this helps you.

[defree99]

Thank you so much!

Worked like a charm.

[aksdfj]

it's goood that some1 can help

[MoodyRiviera]

Wow...that's cool.

[Author]

Posts