Introduction
BuddyBoss does not provide a built-in option to move the Activity Feed widgets above the activity posts on mobile devices. You can use a CSS snippet to reorder these sections for a better mobile user experience. The focus keyword for this guide is Activity Feed Widgets Mobile.
Custom Workaround
- In your WordPress admin, go to BuddyBoss > Theme Options
- Under Custom Codes, toggle Enable CSS to On
- Paste the following CSS:
@media only screen and (max-width: 767px) {
body.activity #primary {
order: 2;
}
body.activity #secondary {
order: 1;
}
}- Click Save Changes
Any custom code is considered “custom work.” Please review our Support Policy for more details.
Troubleshooting and FAQs
Q: The widgets are still below activity posts on mobile, what should I check?
A: Ensure the CSS was pasted exactly as shown and that Enable CSS is turned on. Clear any site cache, caching plugin, or CDN cache if necessary
Q: Will this affect desktop view?
A: No. The CSS only applies to screens with a maximum width of 767px
Q: Can I target other screen sizes or breakpoints?
A: Yes. Adjust the max-width value in the CSS to target different mobile screen widths
Q: Who can I contact for further assistance?
A: Submit a support ticket through your BuddyBoss account dashboard for personalized help