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, 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! 🙂
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!)
Thanks...its currently a test site, so very little content. I've opened it up so you should be able to view without registering.
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.
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