Notifications

Clear all

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

How-to and Troubleshooting

Last Post by Richp 6 years ago

7 Posts

3 Users

0 Reactions

1,397 Views

RSS

Posts: 12

Richp

Topic starter

Jun 18, 2019 5:44 am

(@richp)

Active Member

Joined: 6 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

77233E0C-0F2A-4BBB-92DA-0CB5285DEC93.png

6 Replies

CrisW

(@crisw)

Joined: 6 years ago

Reputable Member

Posts: 281

Jun 18, 2019 5:57 am

Reply to

Richp

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

77233E0C-0F2A-4BBB-92DA-0CB5285DEC93.png

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! 🙂

I'm just a member here who used to be a newbie.

The case: When I actually put my keyboard where my forum is, and became #172. Can you imagine if you had to build this forum yourself? How kind and patient will you be? The best way to say thank you is say it, write it, and then head on over at Wordpress plugin page and rate wpForo 5 stars - by clicking here.

Richp

(@richp)

Joined: 6 years ago

Active Member

Posts: 12

Jun 18, 2019 9:38 am

Reply to

CrisW

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

Admin

(@sofy)

Joined: 7 years ago

Support Team

Posts: 4900

Jun 18, 2019 9:44 am

Reply to

Richp

Hi @richp,

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

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

Richp

(@richp)

Joined: 6 years ago

Active Member

Posts: 12

Jun 18, 2019 10:54 am

Reply to

Sofy

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

Admin

(@sofy)

Joined: 7 years ago

Support Team

Posts: 4900

Jun 18, 2019 12:50 pm

Reply to

Richp

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.

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.