Notifications
Clear all

wpForo 1.x.x [Solved] Forum is displayed narrow on mobile

3 Posts
2 Users
2 Reactions
760 Views
Posts: 2
Topic starter
(@jalin0919)
New Member
Joined: 4 years ago

Hello!

   Can you help me check for problem width of forum is displayed narrow on mobile.

My site: https://staging.congdongvietnhat.net/diendan/

  Thank you!

2 Replies
Sofy
Posts: 4683
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

@jalin0919

This is a theme related issue. You can use the CSS code below to solve it:

.main-wrap .container {
    max-width: 97%;
    padding-right: 0;
    padding-left: 0;
}

The red marked value can be changed as you like. 

The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Styles Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

Also, please try on 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.

Posts: 2
Topic starter
(@jalin0919)
New Member
Joined: 4 years ago

Thanks for your support.

I resolved problem with below code add to Custom CSS of Forum page.

@media screen and (max-width: 700px){
.main-wrap .container {
padding-right: 15px;
padding-left: 15px;
}