Image between Header and Menu on Outreach Pro

[frankie1tree]

Hi
I have a design request from the client; to have a different image on different Pages above the menu but below the header. Does anyone know if this is possible and how to do this? I assume it will be create separate Custom Page Templates for each Page requiring an image which is OK but I cannot see how to call in a different image above the menu if this is at all possible?
This is not like having different headers because the 'header' element is fine and needs to collapse gracefully in responsive mode as it does currently.
Thanks, Francis

http://www.tangramwebtesting.co.uk/goodheat/

[Susan]

As you posted this a while back, I hope you were able to get your issue resolved. If not, please check back in, and I will escalate for you.

If it is resolved, please mark it as "resolved", so we can close it.

Thanks!

[BossLady]

I actually just did this on Outreach Pro. I added "Featured Image" capability to pages and added wrap support so it would behave with minimal css effort.

In functions.php file add 'featured-image' to the list under "support for structural wraps." Then add the following:

//** Add the featured image section */
	add_action( 'genesis_after_header', 'gs_featured_image', 5 );
	function gs_featured_image() {
	if ( is_singular( array( 'post', 'page' ) ) && has_post_thumbnail() ){
		echo '<div class="featured-image">';
		genesis_structural_wrap( 'featured-image');
		echo get_the_post_thumbnail($thumbnail->ID, 'header');
		genesis_structural_wrap( 'featured-image', 'close' );
		echo '</div>';
	}
}

In css add:

.featured-image {
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
	margin-bottom: 2.5rem;
	padding-top: 25px;
	padding-top: 2.5rem;
}

Play with the css a little to get it how you need it.

Hope this is helpful!

[frankie1tree]

Great thanks for the support!

[Author]

Posts