Notifications
Clear all

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

4 Posts
2 Users
0 Reactions
134 Views
Posts: 13
Topic starter
(@asmita)
Eminent Member
Joined: 2 months ago

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.

3 Replies
Sofy
Posts: 5024
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi,

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

Reply
Posts: 13
Topic starter
(@asmita)
Eminent Member
Joined: 2 months ago

Hi,

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

Kindly do the needful.

Reply
1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 5024

@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.

Reply