Breadcrumbs align right

Hi,

How can the breadcrumbs horizontally align right/end?

In the editor there is only start and center.

FireShot Capture 179 - Brand Portal - Page Builder - X - cresult.nl

Hi @cvdw,

Thanks for reaching out.
Unfortunately, there is no option to make the Breadcrumb alignment right. But you can do that by adding the following custom CSS code into the Element CSS of the Breadcrumb element.

$el .x-crumbs-list
{
    justify-content: flex-end;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

THX! So simple… :wink:

Hi @cvdw,

Glad that we are able to help you.

Thanks

Hi, my breadcrumbs are not linking anymore. I can’t find why. Do you have an idea or solution?
For example on this page: https://cresult.nl/wp/producten/clientvolgsysteem/

Best regards and thanks in advange!

Carel

Hi Carel,

It is due to the overlapping transparent SVG image of the above section. It has been found that the z-index value of the above section is set to 4*, I would suggest you set the z-index value for the lower section to 5 to get rid of this problem.

Hope it helps.
Thanks

Great! Thank you for the quick support!

Hi Carel,

Glad that we are able to help you.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.