Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #246757

    Hi there,
    I have a site which has quite deep pages (parent/child), which is causing all sorts of issues with breadcrumb & title run overs – screenshot.
    Can you suggest any possible solutions?
    I did think perhaps restricting the number of characters displayed in the actual breadcrumb trail, or perhaps the number of levels (parents) shown?
    That would obviously require some tweaks to the php (which is fine) I was just wondering what your thoughts were with this as I’m sure it’s come up before.

    PS: I know the ‘protected’ is taking up a lot of some in this example – but some page titles are long, so it will be an issue on some pages regardless of the ‘protected’ in this instance.


    Hey Jason!

    You can try to use text-overflow: ellipsis; to restrict the length of the breadcrumb content. Use it like:

    .title_container .breadcrumb {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    and insert your breadcrumb width instead of 100px.

    Best regards,

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.