Notifications
Clear all

Style Mobile horizontal scrolling issue – content exceeds viewport width

3 Posts
2 Users
0 Reactions
129 Views
Posts: 7
Topic starter
(@bbrian017)
Active Member
Joined: 4 weeks ago

Hello,

I’m experiencing a horizontal (left-to-right) scrolling issue on mobile that appears to be caused by a CSS overflow / responsive layout problem.

Issue Summary

On mobile devices, forum content extends beyond the viewport width, forcing users to scroll left and right to view the full page. The page should fit entirely within the viewport and scroll vertically only.


2 Replies
Sofy
Posts: 5707
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

Hi,

Could you please try this CSS code: 

@media screen and (max-width: 600px){
    #wpforo{
        overflow-x: hidden;
    }
}

Please don't forget to delete all caches before checking. 

Also, 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
Posts: 7
Topic starter
(@bbrian017)
Active Member
Joined: 4 weeks ago

This fix worked perfectly.


Reply