Wrap breadcrumbs in pro header

[Regnalf]

Hi again,

I wanted to add a breadcrumb navigation in the pro header which is also visible on smaller screens. The problem is that with long links the navigation does not break. But I couldn’t find a setting that allows this.

thanks in advance

[nabeel]

Hi @Regnalf,

Thank you for reaching out to us. To wrap the Breadcrumbs element, go to the container’s settings that contains the Breadcrumbs element and set the Max Width to 100% (see screenshot)

Hope this helps!

[Regnalf]

Yeah, thanks, that’s the way the cookie crumbles. It was late last night, I must have missed it.

But there is one more important addition: For long link titles you have to change the css “white-space” to “normal”, otherwise it won’t work out again. In the breadcrumb-element go to additional css settings and add the following:

$el .x-crumbs-link
{
   white-space: normal !important;
}

But thank you so much for that little mind hint.

Regnalf

[nabeel]

Hey @Regnalf,

Thank you for sharing the solution with us. Glad that we could be of help.

Cheers!