[Resolved] How to remove post title from breadcrumbs

[Rob]

I recently switched from Yoast SEO to RankMath and it means I’ve had to reconfigure the breadcrumbs.

As with the Yoast breadcrumbs, there’s a part of the breadcrumb that I don’t want: the post title.

GP support previously gave me some CSS to hide the post title:

strong.breadcrumb_last {
display: none;
}

However, with the RankMath shortcode, this no longer works.

Do you have some CSS I could use to hide the post title in the RankMath breadcrumbs?

This is an example of what I mean:
https://robpowellbizblog.com/quizzes-for-lead-generation/

Thanks very much.

[Leo]

Hi there,

Try this CSS:

.rank-math-breadcrumb .last {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Rob]

That fixed it – thanks so much 🙂

[Marcel]

Hi, Rob!
May I ask what table of content plugin do you use on your website?
Thank you.

[Rob]

Yes, sure – it’s this one in Thrive Architect:

Thanks again.

[Leo]

No problem 🙂

[Nguyen]

I’m using Yoast SEO and this code doesn’t work. Please help

strong.breadcrumb_last {
display: none;
}

My site: nguyendangblog.com

[David]

Hi there,

try this CSS instead:

.breadcrumb_last {
    display: none;
}

[Nguyen]

Hi David.

Thanks, it works. However the separator between two elements remains. Can we remove it as well?

Referrence: https://nguyendangblog.com/tai-sao-iphone-ipad-smartphone-android-deu-bo-cong-tai-nghe-3-5mm-nhung-macbook-thi-khong/

[David]

Instead of using CSS, use the PHP method i provide here:

https://generatepress.com/forums/topic/how-to-hide-the-title-part-in-the-breadcrumb-im-using-yoast-seo/#post-614239

[Author]

Posts