Đổi vị trí breadcrumbs trong Genesis

Trong Theme Genesis breadcrumbs ( nếu bạn đã bật ở Genesis Setting) sẽ được hiện thị ở hook genesis_loop. Để dễ hiểu hơn các bạn có thể xem 2 hình sau

Trước khi thay đổi vị trị breadcrumbs

Và đây là sau khi thay đổi vị trị breadcrumbs

Các bạn là như sau: Thêm đoạn code sau vào file function.php trong thư mục theme child

//* 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 );
 
	}
 
}

Sau khi thêm các bạn có thể sửa lại css cho phù hợp với theme của mình.

Thêm đoạn code vào file style.css

Đây là ví dụ cho theme Agency Pro

/* Reposition breadcrumbs
--------------------------------------------- */
.single-post .breadcrumb, .page .breadcrumb {
	color: #666;
}
 
.single-post .breadcrumb , .page .breadcrumb a {
	color: #D7C603;
}