How to Put the “New Discussion” Button at the Top of the Forum on Mobile View

Introduction

On mobile devices, the New Discussion button is usually only at the bottom of the forum, which can make it less accessible for users. This guide explains how to put the “New Discussion” button at the top of the forum on mobile view, improving usability and making it easier for members to start discussions.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard.
2. Open the Custom Codes section.
3. Enable CSS.
4. Add the following CSS code:

@media screen and (max-width: 799px) {
    body.forum.sidebar-right:not(.profile-sidebar) .widget-area:not(.widget-area-secondary) {
        order: -1;
    }
}

5. Click Save Changes.

Please note: This CSS will reverse the position of the discussion list and widget area, placing the “New Discussion” button at the very top of the forum in mobile view.

Note: Any modifications like this are considered custom work. Please review the BuddyBoss Support Policy for details.

Troubleshooting and FAQs

Q: The “New Discussion” button is still at the bottom after adding the CSS.
A: Clear your site cache and browser cache, then reload the forum on a mobile device or in your browser’s mobile view.

Q: Will this affect desktop layouts?
A: No. This CSS only applies to screens with a maximum width of 799px.

Q: Can I restore the default button position later?
A: Yes. Remove the CSS code and save your changes.