Introduction
By default, BuddyBoss does not provide a built-in option to adjust the width of Yoast SEO breadcrumbs. If you want the breadcrumbs to better align with the BuddyBoss layout, you can achieve this by applying a custom CSS snippet to control their maximum width.
Custom Workaround
Follow the steps below to adjust the width of Yoast SEO breadcrumbs:
- Go to BuddyBoss > Theme Options.
- Under Custom Codes, enable CSS.
- Append the following code:
.bb-yoast-breadcrumbs {
max-width: 1800px;
}- Save changes.
Troubleshooting and FAQs
Q: The breadcrumb width did not change after adding the CSS. What should I do?
A: Clear your site cache and browser cache. If the issue persists, submit a ticket to the support team for assistance.
Q: Can I use a different width value?
A: Yes. You can adjust the max-width value to match your site’s layout or container width.
Q: Will this affect other elements on my site?
A: No. This CSS targets only the Yoast SEO breadcrumbs container.
Q: Does this apply to mobile devices as well?
A: Yes. The rule applies to all screen sizes unless you add a media query to target specific devices.