Please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS code in Custom CSS Code textarea, save it , delete all caches, press Ctrl+F5 on forum front, then use browser private session to check the change on mobile.

@media screen and (max-width:620px) {
     #wpforo #wpforo-wrap {padding: 10px 0px;}
}

Hello?

It worked.

Thanks a lot.

Hello? Again.

I realized that the CSS code only solved the gap issue on mobile, but did not solve the gap issue on PC screen.

Can you please check gap removal attached and advise me how to solve?

Thanks a lot.

@iwrtn45 the code previously provided will only work on screen estate sizes that match that CSS rule. In this case, you'd apply the same CSS but remove the @media screen and (max-width:620px) { top part, and also the closing } at the bottom - effectively leaving you with just #wpforo #wpforo-wrap {padding: 10px 0px;}

Note that this will affect all layout sizes.