Hello,
Thank you for contacting the support.
Could you confirm if you’re not using Rank Math breadcrumbs on the website?
In any case, please add the below CSS to the website and see if it gives you the desired output:
.site-breadcrumbs a:hover, .background-image-page-header .site-breadcrumbs a:hover {
color: red !important;
}
.site-breadcrumbs{
text-transform: capitalize !important;
}
Please replace red with your desired color.
Here’s how you can add the CSS:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
Let us know how that goes.
Thank you.
Hi Prabhat,
Please help me hide breadcrumbs on my homepage.
I followed these post, but i haven’t been succesful.
https://support.rankmath.com/ticket/take-off-breadcrumbs-on-home-page/
https://support.rankmath.com/ticket/how-to-disable-breadcrumbs-from-homepage/
https://support.rankmath.com/ticket/how-to-remove-breadcrumb-from-frontpage/
I used this code.
<?php if (function_exists(‘rank_math_the_breadcrumbs’) && !is_front_page()) rank_math_the_breadcrumbs(); ?>
Im using OceanWP Child Theme and upon creating header.php file and pasting the code in, then my website crashes.
Please help me out 🙂
Hello,
Can you please share the error log with us?
Having an error log will help us determine what is causing the fatal error on your website.
You can follow this guide to enable debugging in WordPress
https://wordpress.org/support/article/debugging-in-wordpress/ or you can get in touch with your web host, they will help you locate the log file.
We really look forward to helping you.
Hello Prabhat,
I’ve done as you asked and added header.php file.
<?php
if (function_exists(‘rank_math_the_breadcrumbs’) && !is_home()){
rank_math_the_breadcrumbs();
}
?>
While also having debug.log file enabled.
define( ‘WP_DEBUG’, true );
define( ‘WP_DEBUG_LOG’, true );
/* That’s all, stop editing! Happy publishing. */
I checked the debug.log file for errors. But no new errors were found. I think theres another conflict happening. Website is active while frontend is messed up. Mabye CSS conflict?
I’m using OceanWP, Elementor, Assets CleanUp and WP Rocket.
Hello,
Assuming you are using the latest version of all the plugins and the themes (please update if not yet), it would seem like a conflict with one of the plugins or the theme you are using.
To determine that, please follow this troubleshooting guide:
https://rankmath.com/kb/check-plugin-conflicts/
Here is a video you can follow as well: https://www.youtube.com/watch?v=FcIWRhcUP2c
Only the site admin would know and your users won’t be affected by this troubleshooting.
If the issue persists, please edit the first post on this ticket and include your WordPress & FTP 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/
Please do take a complete backup of your website before sharing the information with us.
We really look forward to helping you.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hi again,
Problem is related to theme OceanWP Child. What to do? Im currently using CSS to hide the breadcrumb on frontpage.
Hello,
Since your website is crashing upon applying the code, please also share the FTP logins on your site so we can quickly revert any changes made if the issue persists as your site seems live.
If you’re not sure about the FTP information, please get in touch with your web host for assistance getting the logins.
Looking forward to helping you.
Thank you.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
The implementation that you have done to add the breadcrumbs using the shortcode in the Header template is good and adapts to the page’s layout nicely. If you add the breadcrumbs using the PHP code in your header.php file, it will look like this and you will have to add more CSS to change the position and layout:
Let us know if you still want to add the breadcrumbs using the code and we will add the code in your child theme.
Looking forward to helping you.
I wanted to remove the breadcrumb from only the frontpage, without using CSS to cover it up as im doing atm.
Is this possible with my child theme?
Hello,
To remove the breadcrumb from the homepage using the child theme, you will have to add the breadcrumbs using the PHP code instead of the shortcode and then will have to use CSS to make change the position and styling of the breadcrumbs.
The method you are using currently is good and breadcrumbs are adapting to the layout of your header. However, if you want to use the PHP code in the child theme, let us know and we will add the breadcrumbs using the code.
Looking forward to helping you.
Seems to be a big workaround. Im happy with the current solution.
Wish that i was able to disable/enable breadcrumbs on homepage in RankMath settings.
Hello,
We don’t add the breadcrumbs to the homepage when you use the PHP code. They are on the homepage because you are using a shortcode in the header of your site and the header is also applied to the homepage so the shortcode will also be added there.
You can create a different header template for your homepage that doesn’t have the breadcrumb shortcode and the breadcrumbs will not be added to it.
Hope this helps. Let us know if you need any other assistance.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
