Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 2, 2014 at 10:46 pm #246757
    Jason

    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.
    Thanks,
    Jas

    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.

    April 4, 2014 at 1:52 pm #247450
    Dude

    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,
    Peter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.