Introduction
By default, the platform does not provide an option to adjust the alignment of the Profile Search sidebar on the Members Directory grid view. Using a simple CSS snippet, you can align the sidebar to match the Members Directory layout for a cleaner and more cohesive design.
Custom Workaround
Follow the steps below to align the Profile Search sidebar:
- Go to BuddyBoss > Theme Options
- Under Custom Codes, enable CSS
- Append the following code:
/** MEMBERS PAGE SIDEBAR **/
@media (min-width: 991px) {
body.members aside#bp-profile-search-form-outer {
margin-top: 177px;
}
}- Click Save changes
This will adjust the top margin of the Profile Search sidebar so it aligns properly with the Members Directory grid.
Troubleshooting and FAQs
Q: The sidebar is still not aligned. 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: Will this affect mobile devices?
A: No. This snippet targets screens wider than 991px (desktop view) and does not impact mobile layout.
Q: Can I adjust the top margin further?
A: Yes. Modify the margin-top value in the CSS to better match your layout requirements.
Q: Does this affect other pages with sidebars?
A: No. This CSS specifically targets the Members Directory page.