Breadcrums home link removal

Dear support,
I need to remove first breadcrumb link. I need to do that to have only one link (via logo) to my homepage from any other page.
Have you got any solution for that?

Hello @artem080,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.x-breadcrumbs span:first-child {display: none;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

Hi!
Unfortunately, it does not work at all. As you see at the screenshot there are still house logo in the breadcrumbs and there are still a link.

Tried with X-crumbs instead of x-breadcrumbs with the next result: screenshot

HI there,

Please try this code in the Breadcrumb’s Element CSS field:

$el .x-crumbs-list li:first-child {
    display: none;
}

Hope this helps.

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