Utility bar width, horizontal and alignment in streamline pro

[thom]

Hey there

I have added a utility bar above header at my site, but I have three questions.

1) How do I chance the color width? - Right now its full wide, and I want it to be 1140px. (see code below)
2) I have made a left aligned bar, a a center aligned and a right aligned bar, but when I test it, the right bar is shown at the center, and the the center aligned and left aligned are shown at the left. Anyone, who can tell me, what I have done wrong (see code below)
3) Finally I want to ask how I change the menu to a horizontal menu?

This is the code in function.php:

//* Add Utility bar above header
add_action( 'genesis_before_header', 'utility_bar' );
function utility_bar() {

echo '<div class="utility-bar"><div class="wrap">';

genesis_widget_area( 'utility-bar-left', array(
'before' => '<div class="utility-bar-left">',
'after' => '</div>',
) );

genesis_widget_area( 'utility-bar-center', array(
'before' => '<div class="utility-bar-center">',
'after' => '</div>',
) );
genesis_widget_area( 'utility-bar-right', array(
'before' => '<div class="utility-bar-right">',
'after' => '</div>',
) );
echo '</div></div>';

}

And this is the style css:

/* Utility Bar
--------------------------------------------- */

.utility-bar {
background-color: #d8cba9;
border-bottom: 1px solid #ddd;
color: #ddd;
font-size: 16px;
font-size: 1.6rem;
padding: 10px 0px;
padding: 1rem;
}

.utility-bar a {
color: #8b7b5a;
}

.utility-bar a:hover {
text-decoration: underline;
}

.utility-bar-left,
.utility-bar-center,
.utility-bar-right {
width: 50%;
}

.utility-bar-left p,
.utility-bar-center p,
.utility-bar-right p {
margin-bottom: 0;
}

.utility-bar-left {
float: left;
}

.utility-bar-center {
float: center;
text-align: center;
}

.utility-bar-right {
float: right;
text-align: right;
}

.utility-bar input[type="search"] {
background: inherit;
padding: 10px 0 0;
padding: 1.0rem 0 0;
}

I hope someone can answer.

/Thomas

http://sub.tidenssamling.dk

[Susan]

As you posted this over 2 months ago, I hope you were able to get your issue resolved. If not, please come back and update this thread, and I will escalate for you.

If it is resolved, please mark it "resolved", so it can be closed.

Thanks!

[Author]

Posts