Placing Header within site-inner genesis child theme

[stackz]

http://my.studiopress.com/themes/outreach/

As of right now I added the following code below in functions.php, I managed to get the nav and the header inside Site-Inner but there is still a header that won't disappear out side of the wrap. I am having trouble with the remove_action function to accomplish this without removing all headers.

Referenced this for help http://sridharkatakam.com/move-primary-nav-inside-site-inner-genesis/

add_action( 'genesis_meta', 'sk_move_nav_inside_site_inner' );
function sk_move_nav_inside_site_inner() {
remove_action( 'genesis_after_header', 'genesis_header' );
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_header' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );

}

[efuller]

Having a bit of trouble understanding exactly what you are looking to do.

The code you provided moves the Header and the Navigation inside the 'site-container' not 'site-inner'.

I believe the wrap you are referring to is the wrap inside the <header> correct? If this is the case, then the wrap is just part of the normal HTML markup of the header. The wrap itself could be removed if so desired.

I'm not sure if I've answered your question, but please provide some more detail and a link would be helpful as well.

---

I am a web developer

[stackz]

Sorry if I didn't elaborate better.

http://demo.studiopress.com/outreach/

If you were to check the example above you see that the navigation and header is full-width.
Basically I just want to make the navigation / header fit inside site-inner so that it only spans 980px (something like that) and not full width. I could PM you my example.. but as you can see from the code above, I managed to get the navigation inside site inner, the width of the navigation is the same width as the slider. I managed to get the header with logo etc inside site inner but it duplicates the header, so one still remains as "full-width"

Thanks

[stackz]

Sorry if I didn’t elaborate better.

http://demo.studiopress.com/outreach/

If you were to check the example above you see that the navigation and header is full-width.
Basically I just want to make the navigation / header fit inside site-inner so that it only spans 980px (something like that) and not full width. I could PM you my example.. but as you can see from the code above, I managed to get the navigation inside site inner, the width of the navigation is the same width as the slider. I managed to get the header with logo etc inside site inner but it duplicates the header, so one still remains as “full-width”

Thanks

[stackz]

This reply has been marked as private.

[efuller]

Ok. I think I understand what you are trying to do.

But I have a different solution you might try using CSS.

Why not remove the background from .site-header and .nav-primary. Then apply those background colors instead to the respective wraps.

Like this:

.site-header .wrap {
	background-color: #6ab446;
}

.nav-primary .wrap {
	background-color: #6ab446;
}

Obviously, the CSS would need tweaked, but this would make it look like the header and navigation to not extend full width.

---

I am a web developer

[stackz]

Unfortunately that didn't work.

I am using a background image for the site-inner but for header there is a line that makes it look like they are 2 seperate images. I need it to flow as one

[stackz]

This reply has been marked as private.

[Author]

Posts