How to hide desktop sidebar on the mobile view and create separate sidebar for mobile - How-to and Troubleshooting - wpForo 2.0

RE: How to hide desktop sidebar on the mobile view and create separate sidebar for mobile

Sofy — Tue, 28 Jan 2025 11:12:55 +0000

@asmita

Use the CSS code below:

@media screen and (max-width: 620px) {
   .wpforo-main.wpforo-right-sidebar-layout {
       display: flex;
       flex-direction: column-reverse;
    }
}

Insert the CSS Code in the "Custom CSS Code" textarea in the wpForo > Settings > Colors & Styles admin page.

Please try in incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

RE: How to hide desktop sidebar on the mobile view and create separate sidebar for mobile

asmita — Tue, 28 Jan 2025 04:35:07 +0000

Hi,

Thank you for the response here is the URL of the forum.
https://decorhue.com/community/

Kindly do the needful.

RE: How to hide desktop sidebar on the mobile view and create separate sidebar for mobile

Sofy — Fri, 24 Jan 2025 09:39:39 +0000

Hi,

Please provide the URL of your forum, and we’ll do our best to provide a simple CSS solution for you.

How to hide desktop sidebar on the mobile view and create separate sidebar for mobile

asmita — Thu, 23 Jan 2025 11:10:23 +0000

Hi Team,

As i have enabled the WpForo sidebar on the Forum and it is universal on all devices. The issue withe sidebar on the mobile view is that the login and other content is displayed on the bottom the mobile view.

I want to display the login widget on top on the mobile view so it will be user friendly while registering or login into the account.

Please suggest me on how i can achieve this goal of mine.