Hello,
Thank you for contacting us for help with setting up Rank Math breadcrumbs on your website.
Please may you share the URL of the affected page. You can add it to the sensitive data area where it will only be visible to you and our support staff. After taking a look at the site, we might be able to provide some CSS to reposition the breadcrumbs on the left side of the screen.
Please note that since this is a design issue unique to your website, you might get better support from Elementor or your theme support as they are more equipped to deal with such issues.
Looking forward to helping you.
Dear Nigel,
I’ll keep in mind that I’ll contact Elementor or Oceanwp when the problem won’t resolve by CSS.
Cheers
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
We are glad that we could address your concern.
Here’s a CSS code which you can insert in your theme’s customizer to fix the breadcrumb’s appearance:
.site-breadcrumbs{
position: relative;
}
.site-breadcrumbs > a,
.site-breadcrumbs > span.last{
font-size: 16px !important;
}
.site-breadcrumbs > span.last{
color: #555;
}
Please refer to this guide on how to apply CSS to your WordPress 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.
Thanks! It worked 🙂
Do you also have a CSS for leaving breadcrumbs off on the homepage?
Really happy now!
Hello,
You can use this filter instead to show the breadcrumbs aside from your homepage:
if (function_exists('rank_math_the_breadcrumbs') && !is_front_page()){
rank_math_the_breadcrumbs();
}
Hope that helps.
Thank you.
Dear Reinelle,
So far no luck using it. I added it in the simple CSS plugin and function.php. Where do I need to place this code?
Cheers
Hello,
The code would need to be placed in a PHP template to replace the shortcode.
Please share the website admin login details so we can check the breadcrumb settings. Please also share links to the Elementor template files that have the breadcrumb shortcode added to them.
Looking forward to helping you.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
The URL you shared in the sensitive data section is currently showing as “page not found”. Can you please share the URL of the template where you set up your breadcrumbs so we can further check it on our end?
Looking forward to helping you with this one.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
I edited the Elementor header template and used the display conditions setting from the Elementor Premium Addons plugin. You can refer to the following screencast for how I did it: https://i.rankmath.com/GbWRB7
Hope that helps. Please let us know if you have questions.
Great, really happy!
Too bad I didn’t find out myself ;p
Hello,
We are super happy that this resolved your issue.
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.
I’ve marked this topic as resolved and closed it to new replies. 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.
