AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

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

4 Posts
2 Users
0 Reactions
795 Views
Posts: 13
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@asmita)
Eminent Member
Joined: 1 year ago
[#61863]

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: 5775
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@asmita)
Eminent Member
Joined: 1 year 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: 8 years ago

Support Team
Posts: 5775
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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
Share: