Breadcrumbs not showing + schema issues - Support

Resolved Lara
3 years, 5 months ago

Rank Math free

Hi,

I switched from Yoast to Rank Math and now the breadcrumbs are not showing anymore (I only have the post’s categories turned on, but not the homepage and post link). Also, the schema data/rich snippets for breadcrumbs only show position 1.

I’m using Astra theme Version: 3.6.5 and Rank Math Version 1.0.68.1.

In Astra > Customizer > I have selected Rank Math as the breadcrumbs source.

In Rank Math, I have:
– Enable breadcrumbs function >> on
– Show Homepage Link >> off
– Hide Post Title >> on
– Show Category(s) >> on
– Hide Taxonomy Name >> on
– Show Blog Page >> off

I basically only want to show the category and subcategories a blog post is under in the breadcrumbs at the top of the page, that’s why I turned off both the homepage link and the post’s title.

If I turn Show Homepage Link ON and Hide Post Title OFF, the Home and post title are shown at the top of the page. But not the categories (even though the Show Category(s) is ON). In this case, the Rich Results Test also shows positions 1 and 2.

So basically, the problem is with the categories & subcategories not showing at the top of the page as well as in the Rich Results Test.

Can you please help me fix this?

Thanks,
Lara

Viewing 7 replies - 1 through 7 (of 7 total)

Anas
3 years, 5 months ago

Rank Math business

Hello,

Thank you for contacting Rank Math, and sorry for any inconvenience caused.

Rank Math shows the Primary Taxonomy category in the Breadcrumbs. Please set the primary taxonomy in the Titles & Meta Settings of Page/Post: https://rankmath.com/kb/titles-and-meta/#primary-taxonomy

To show the child category in the breadcrumbs, select the child category as the primary term in the post:

Once done, clear the website cache and check the URL with the Rich Snippet Tool.

I hope this helps. Looking forward to helping you.

Lara
3 years, 5 months ago

Rank Math free

OMG, thank you so much! You have no idea how much time I spent trying to fix this!

Can I ask you one more thing though? I’d like to style the category links in the breadcrumb as buttons. What’s the right class to apply the CSS code to?

Thanks a million!
Reinelle
3 years, 5 months ago
Hello,

You can target the Rank Math breadcrumbs using .rank-math-breadcrumb

Here’s a sample CSS to adjust the font size:
```
.rank-math-breadcrumb {
    font-size: 15px;
    width: 100%;
}
```
I hope that helps.

Thank you, and please don’t hesitate to contact us anytime if you need further assistance with anything else.
Lara
3 years, 5 months ago

Rank Math free

Thanks, Reinelle! However, .rank-math-breadcrumb puts the whole breadcrumb inside a single button. What I was trying to do is to style each category link in the breadcrumb as a separate button. Is this possible?
Jaideep Asrani
3 years, 5 months ago
Hello,

You can use the CSS code given below:
```
.rank-math-breadcrumb p a {
  font-size: 15px;
  padding: 10px;
  border: 2px solid red;
}
```
This will make your breadcrumbs look like this:

Hope this helps. Let us know if you need any further assistance.
Lara
3 years, 5 months ago

Rank Math free

Thanks! This is fantastic!

Jaideep Asrani
3 years, 5 months ago

Hello,

We are super happy that your issue is resolved. If you have any other questions in the future, know that we are here to help you.

If you don’t mind me asking, could you please leave us a review (if you haven’t already) on https://wordpress.org/support/plugin/seo-by-rank-math/reviews/#new-post about your overall experience with Rank Math? We appreciate your time and patience.

If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.

Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)

The ticket ‘Breadcrumbs not showing + schema issues’ is closed to new replies.