For future references, in case anyone else has this problem. After using the CSS Code, you should remove the sidebar to your theme by utilizing another Plug-In. A few plugins can remove it for you; click plugins>add plugins and search “remove the sidebar.” Then after you remove your theme’s sidebar, replace it with wpforo sidebars by using the theme’s editor. Other plugins will allow you to add and remove widgets, too, if the editor that came with your theme can't do it.

After I took those steps, it looked great on the iPad.

I have checked your forum and saw that the forum length is equal to your website length(website menu length), the forum length will be fixed if you fix the website length(website menu length).

#wpforo #wpforo-wrap {
font-size: 15px; width: 111%; padding:0px 15px; margin:0px;
}

-----

and I also added the "Fix" as mentioned in this thread. But it didn't work for me.

-----

css looks ok on the content. I suspect the "leave a reply" box is causing the issue.

#wpforo #wpforo-wrap .wpforo-content{width:69%; float:left; padding:0px; box-sizing: border-box;}
#wpforo #wpforo-wrap .wpforo-content.wpfrt{padding-right: 20px;}
#wpforo #wpforo-wrap .wpforo-right-sidebar{width:28%; float:right; padding:0px 0px 0px 0px; box-sizing: border-box;}
#wpforo #wpforo-wrap :after{clear: none;}

Hi @bucephalas,

If you have added any custom css to fix this problem please remove those. This is a conflict with your theme custom CSS.

https://wpforo.com/wp-content/uploads/2018/12/2018-12-10_0040.png

To fix this conflict please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS code in Custom CSS Code Textarea, save it, delete all caches, navigate to forum front-end and press Ctrl+F5 to deep refresh the browser.

#wpforo #wpforo-wrap .wpforo-main .post-wrap {
   width: auto;
    height: auto;
    float: none;
    position: inherit;
}

#wpforo #wpforo-wrap .wpforo-content{width:69%; float:left; padding:0px; box-sizing: border-box;}
#wpforo #wpforo-wrap .wpforo-content.wpfrt{padding-right: 20px;}
#wpforo #wpforo-wrap .wpforo-right-sidebar{width:28%; float:right; padding:0px 0px 0px 0px; box-sizing: border-box;}
#wpforo #wpforo-wrap :after{clear: none;}