Notifications
Clear all

wpForo 1.x.x [Solved] Forum Full Width on Mobile and CSS code edit

9 Posts
4 Users
1 Likes
3,705 Views
Robert
Posts: 9715
Admin
(@robert)
Support Team
Joined: 7 years ago

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;}
}
Reply
iwrtn45
Posts: 34
Topic starter
(@iwrtn45)
Eminent Member
Joined: 4 years ago

Hello?

It worked.

Thanks a lot.

Reply
iwrtn45
Posts: 34
Topic starter
(@iwrtn45)
Eminent Member
Joined: 4 years ago

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.

Reply
Anonymous3542
Posts: 393
(@anonymous3542)
Reputable Member
Joined: 5 years ago

@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.

Reply
Page 2 / 2
Share: