Full width image behind entry header

[CowgirlRed]

I've spent the last 30 minutes searching the forums, and while this topic has been touched on quite a bit, I couldn't find a solution that would fit my needs.

I'm working on Altitude at this site: http://barnwoodmedia.com/about/

How do I get a full-width image (or color block as currently displayed) behind the entry header/page title?

There must be a limiting factor somewhere that won't allow me to extend to the edges of the viewport, but I'm unable to find it. I've moved the entry header outside the content area, but it's still within site-inner. I thought I'd be able to make it full width with CSS, but it's not happening.

Thanks,
Erica

[Brad Dalton]

You could reposition the entry header to a full width hook like genesis_after_header

Sample code you can modify

You can use the code in a single.php file or functions file with conditional tag.

---

Tutorials for StudioPress Themes & WooCommerce.

[CowgirlRed]

Thanks Brad.

I modified the code to this:

//* Reposition Entry Header
add_action( 'get_header', 'reposition_single_entry_header' );
function reposition_single_entry_header() {
if ( is_singular('page') ) :
remove_action( 'genesis_entry_header', 'genesis_do_page_title' );
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );
add_action( 'genesis_after_header', 'genesis_entry_header_markup_open', 5 );
add_action( 'genesis_after_header', 'genesis_do_page_title' );
add_action( 'genesis_after_header', 'genesis_entry_header_markup_close', 15 );
endif;
}

It moved the entry-header to below the site header which is fine, but the page title didn't move with it.

I can get it up there with CSS but it's pretty hacky and doesn't translate to mobile.

Any suggestions on how to get the entry-title to move and display with the entry-header?

Thanks again.

[CowgirlRed]

I fiddled with it some more and got it squared away. I shouldn't have changed post to page in the action lines. The title was there, just under the site header. I added some padding to push it down.

Thanks so much for your help!

[Brad Dalton]

Yes, don't modify the hooks, use the ones i linked to.

Also use the following conditional tag.

if ( is_page('about') ) :

---

Tutorials for StudioPress Themes & WooCommerce.

[CowgirlRed]

Right now I want it on all pages which is how it is currently, but good to know that I can target individual pages in the future if need be. Thanks again for your help. It's greatly appreciated!

[Author]

Posts