How to Move the Genesis Entry Header

By default, the genesis entry header is going to output inside the content but what if we wanted to move it outside of this location.

For example, we may want to make the title section of the page full width with a background that extends to the edge of the screen on both sides.

If we wanted to do this, we’d need to move the genesis entry header before the content sidebar wrap or after the site header.

This is actually really easy to do! See the snippet below for a plug and play method of moving the genesis entry header.

	<?php
	//* Remove the entry header markup and entry title (requires HTML5 theme support)
	remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
	remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
	remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );

	//* Move Entry Header before the content sidebar wrap
	add_action( 'genesis_before_content_sidebar_wrap', 'hjs_output_entry_header' );
	function hjs_output_entry_header() {
	if (is_front_page()) {
	return;
	}
	genesis_entry_header_markup_open();
	genesis_do_post_title();
	genesis_entry_header_markup_close();
	}

view raw functions.php hosted with ❤ by GitHub

Have Questions? I can help! Get Started

Reader Interactions