Notifications
Clear all

wpForo 1.x.x [Solved] Forum table mobile layout problem

7 Posts
3 Users
0 Likes
952 Views
Richp
Posts: 12
Topic starter
(@richp)
Active Member
Joined: 3 years ago

Hi, I really like the look and functions of WPForo but I’m struggling to get the appearance correct on mobile. I think others have had similar issues but I can’t find a solution to mine. 

The problem is the table layout on mobile browser doesn’t respect the line spacing and so the category headers disappear and merge with the forum headers. See attached image  

I’m using this with the shapely theme. Is there any code that I can try to place in the style settings that might fix this?

Thanks 

 

6 Replies
6 Replies
CrisW
(@crisw)
Joined: 4 years ago

Reputable Member
Posts: 281
Posted by: Richp

Hi, I really like the look and functions of WPForo but I’m struggling to get the appearance correct on mobile. I think others have had similar issues but I can’t find a solution to mine. 

The problem is the table layout on mobile browser doesn’t respect the line spacing and so the category headers disappear and merge with the forum headers. See attached image  

I’m using this with the shapely theme. Is there any code that I can try to place in the style settings that might fix this?

Thanks 

 

Hi @richp . You might want to select a different WP theme that is "responsive" - responsive themes adjusts automatically to the size of the screen.  You can also select a WP theme that has "Full-Width" templates as well.  That would be easier and a quicker solution so that  your Forum can be viewed in all types of devices.  Good luck and God bless you!  🙂 

Richp
(@richp)
Joined: 3 years ago

Active Member
Posts: 12

Hi, I thought I’d done that by using The shapely theme. It claims to be fully responsive and optimised for mobile using Bootstrap 3 front end (whatever that means!)

 

 

Sofy
 Sofy
Admin
(@sofy)
Joined: 5 years ago

Support Team
Posts: 4057

Hi @richp,

Please leave your forum URL to allow us to check it. 

Richp
(@richp)
Joined: 3 years ago

Active Member
Posts: 12

Thanks...its currently a test site, so very little content. I've opened it up so you should be able to view without registering. 

http://wm4x4r.info/forum

Sofy
 Sofy
Admin
(@sofy)
Joined: 5 years ago

Support Team
Posts: 4057

Hi @richp,

Indeed this is a CSS conflict with the active theme. To solve the issue please navigate to Dashboard > Forum > Settings > Styles admin page, put the following CSS code in "Custom CSS code" textarea, save it delete all caches and check again. 

br.wpf-clear {
display: block !important;
}

Please test it on other mobile devices or try on incognito mode. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

Richp
(@richp)
Joined: 3 years ago

Active Member
Posts: 12

Hi @Sofy, That worked perfectly thank you. As you said, normal mobile browser hasn't changed but when i use private mode it looks fine. 

Thanks

Share: