0

If I have a title that is longer than one line, then the bread crumb trail in the middle of it.

Example: http://www.energyjustice.net/node/1948

I want the bread crumb trail to either come before or after the title.

I'm using Drupal 7.19

2
  • You should considering not having so long titles? It's not recommended anyhow.
    – Kevin
    Commented Aug 1, 2013 at 11:00
  • I agree, but I'm not writing them =) Commented Aug 1, 2013 at 17:36

2 Answers 2

0

To start with, get rid of this:

#wrapper #container .breadcrumb {
  position: absolute;
  top: 15px;
  left: 35px;
  z-index: 3;
}

The absolute positioning is where you're falling over. Unless an element's parent is explicitly using position: relative, position: absolute is nothing but a pain in the backside.

After that, you just need to add a clearfix. If you Google clearfix, then you'll get a slew of results, however here is my favourite:

If you only want to support IE8+:

.breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}

If you want to support IE6/7

.breadcrumb:before,
.breadcrumb:after {
    content: "";
    display: table;
} 
.breadcrumb:after {
    clear: both;
}
.breadcrumb {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

This'll put the breadcrumbs above your page title, as per your request :)

1
  • Just out of interest, would the downvoter care to explain the downvote? Did I miss something?
    – Chapabu
    Commented Aug 1, 2013 at 21:10
0

Just add this style to your CSS file

#squeeze .right-corner .left-corner .breadcrumb {
  position: static;
}

This will position your breadcrumbs div according to the normal flow of the page.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.