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

Need help implementing this tutorial? Click on the image below to contact me.

Genesis Customizations Service by Sridhar Katakam

Stay up to date

Get tips on Genesis, WordPress, Web design & more

Join 413 other subscribers

Donate

Found this article helpful?

Comments

Need help implementing this tutorial? Click on the image below to contact me.

Genesis Customizations Service by Sridhar Katakam

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>