Breadcrumbs wrong size on mobile

Hello,

We apologize for the issue you are facing with the breadcrumbs on mobile. It sounds like there may be a styling issue causing them to appear incorrectly.

To address this, you can adjust the typography settings for the breadcrumbs in Rank Math. Here’s how you can do it:

1. Go to Rank Math SEO in your WordPress dashboard.
2. Navigate to General Settings and then to Breadcrumbs.
3. Look for the Typography Options where you can edit the font size and other styling options specifically for mobile devices.

If you need to make more specific adjustments, you might also consider adding custom CSS to your theme to ensure the breadcrumbs display correctly on mobile.

If the problem persists, please reply to this ticket with your site URL so we can assist you further. A human agent from our support team will take over and provide more tailored help.

Thank you for raising this concern!

Sources:
How to Enable Breadcrumbs on Your Website With Rank Math SEO » Rank Math

Hello,

We checked your page but were not able to replicate the issue. Please check the screenshot in the sensitive data section for your reference.

Can you please confirm if you have already managed to resolve this? In case you’re still facing the issue, please share a screenshot with us using a tool like https://imgur.com/upload so that we can check the issue further for you.

Looking forward to helping you.

Thank you.

Hello,

You can try adding this filter on your site to remove the shop from your breadcrumbs:

add_filter( 'rank_math/frontend/breadcrumb/is_using_shop_base', '__return_false' );

And here’s a guide to adding the code to the website:
https://rankmath.com/kb/wordpress-hooks-actions-filters/

Let us know how this goes.

Thank you.