Hello
Thanks for contacting us, and sorry for any inconvenience that might have been caused due to that.
There’s a CSS added to the website which is causing the separator hidden. The CSS applied on your site is:
.page-id-24259 rank-math-breadcrumb a, .rank-math-breadcrumb span {
display: none;
}
If possible you may try removing that one and your breadcrumbs separator should work fine.
If that’s not possible, you may try adding the following CSS instead:
.rank-math-breadcrumb span {
display: inline !important;
}
Here’s a guide below on how you can add custom CSS on your site:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
Hope that helps, and please do not hesitate to let us know if you need our assistance with anything else.
Thank you.
Hi daer,
thank you very much for your reply.
Yes, I do have a code that the breadcrumbs are NOT displayed on one page of the blog, which is the sales pages: https://paulinaontheroad.com/cape-verde-travel-guide-book/
As you can see the CSS applies only to one page
“/* Cabo Verde Guide Page */
.page-id-24259 rank-math-breadcrumb a, .rank-math-breadcrumb span {
display: none;
}”
If I add your code, the breadcrumbs appear again on that page.
How can I make sure that breadcrumbs don’t appear on that sales page but that separators keep showing up on all other pages?
Best
Hello,
In that case, keep the existing CSS code you have and add the following CSS additionally to see if that works for you:
.rank-math-breadcrumb span.separator {
display: inline !important;
}
Let us know how it goes. Looking forward to helping you.
Thank you.
Hi dear,
thank you so much!
This work but now after the last category it shows another separator. Usually behind the last category (or last breadcrumb) there is no more separator.
This is how it looks:
Europe Travel Blog » Belgium Travel Blog »
This is the post:
https://paulinaontheroad.com/where-to-stay-in-bruges-hotels-in-bruges/
How can I get rid of that last separate?
Thank you very much
Hello,
Please try applying the following CSS to hide the last separator in your breadcrumbs.
.rank-math-breadcrumb span.separator:last-child {
display: none;
}
Let us know how it goes. Looking forward to helping you.
Thank you.
Hi,
I have added this:
.rank-math-breadcrumb span.separator {
display: inline !important;
}
.rank-math-breadcrumb span.separator:last-child {
display: none;
}
But still the last separator is showing up. How can I get rid of that?
best,
Hello,
Can you please check if the following CSS works for you?
.rank-math-breadcrumb span.separator:last-of-type {
display: none !important;
}
If the issue persists, then we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress logins in the designated Sensitive Data section.
Please do take a complete backup of your website before sharing the information with us.
It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:
https://wordpress.org/plugins/temporary-login-without-password/
You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):
https://wordpress.org/plugins/wp-security-audit-log/
Looking forward to helping you.
Thank you.
Hello,
If the CSS shared by my colleague doesn’t work, please remove all previously shared CSS and use this one:
.rank-math-breadcrumb .separator:first-of-type {
display: inline !important;
}
Let us know how that goes. Looking forward to helping you.
Hi dear! h yes that worked! amazing!! thank you!
Hello,
We are super happy that this resolved your issue. 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.
