How to resposition breadcrumbs in Genesis

In Genesis, breadcrumbs (if enabled to appear in Theme Settings) appear above the Post and Page .entry element like this:

Screen Shot 2014-03-27 at 8.48.24 AM

What if you want to move them to inside .entry so they appear above the titles on static Pages and single Posts?

Screen Shot 2014-03-27 at 8.49.00 AM

Just add this in child theme’s functions.php:

1 2 3 4 5 6 7 8 9 10 11 12
//* Reposition breadcrumbs from before .entry to inside .entry (above title) on single Posts and static Pages
add_action( 'genesis_before_content', 'sk_reposition_breadcrumbs' );
function sk_reposition_breadcrumbs() {
 
if ( is_singular() ) {
 
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_entry_header', 'genesis_do_breadcrumbs', 9 );
 
}
 
}
view raw functions.php hosted with ❤ by GitHub

and depending on the active theme in use, you may want to add CSS in style.css similar to the following (which is written for Agency Pro):

1 2 3 4 5 6 7 8 9
/* Reposition breadcrumbs
--------------------------------------------- */
.single-post .breadcrumb, .page .breadcrumb {
color: #666;
}
 
.single-post .breadcrumb a, .page .breadcrumb a {
color: #D7C603;
}
view raw style.css hosted with ❤ by GitHub

Stay up to date

Get tips on Genesis, WordPress, Web design & more

Join 369 other subscribers

Donate

Found this article helpful?

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>