Breadcrumbs: Making them go all the way across both content and sidebar?

1. 

   adougherty (Member)
   Posted 4 months ago | Permalink

   Hi again,

   Yet another question: Love the widgets template the default styling but I'm trying to figure out how to rework the structure so the breadcrumbs go all the way across the page - above both the content and the widgets sidebar - rather than cutting off at the content border. Any advice on how to do that?

   See: http://www.centerforthaimassage.com/paintingelephants/about

   Thanks in advance,
   Anne

2. 

   Patrick Daly (Key Master)
   Posted 4 months ago | Permalink

   I'm not sure what you're wanting to do here. It looks the breadcrumb extends all the way across already.

3. 

   adougherty (Member)
   Posted 4 months ago | Permalink

   Hi Patrick,

   They actually don't. Right now the styling for breadcrumbs is the default for the theme:

   .breadcrumb {
   border-bottom: 1px solid #bbb8a3;
   font-size: 12px;
   padding: 10px 20px;
   }

   so you can see that it "runs into" the sidebar and stops (you can also see it in Firebug).

   What I'm trying to do is, roughly, figure out how to restructure so we have:

   [header ]
   [nav]
   [breadcrumbs]
   [content] [sidebar]
   [comments] [still sidebar]
   [footer across comments and sidebar]

   Does that make sense?

   Thanks in advance,
   Anne

4. 

   Patrick Daly (Key Master)
   Posted 4 months ago | Permalink

   Gotcha. This should work. However, if you use the "hero" functionality (the call to action and big image) this will appear above it. You can always use CSS to position elements on the page as well.

   Add this to functions.php.
   

   add_action( 'init', 'move_breadcrumb_trail' );
   
   function move_breadcrumb_trail() {
   	remove_action( 'hybrid_before_content', 'hybrid_breadcrumb' );
   	add_action( 'hybrid_before_container', 'hybrid_breadcrumb' );
   }

5. 

   adougherty (Member)
   Posted 4 months ago | Permalink

   Hi Patrick,

   That worked perfectly! Thank you for the elegant solution.

   Anne

RSS feed for this topic

Reply

You must log in to post.