How to reduce forum margin on mobile? - How-to and Troubleshooting - wpForo 2.0 https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/ Discussion Board en-US Wed, 17 Jun 2026 10:14:56 +0000 wpForo 60 RE: How to reduce forum margin on mobile? https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81347 Sat, 07 Jan 2023 11:50:35 +0000 thanks @tutrix

]]> How-to and Troubleshooting - wpForo 2.0 ldj72 https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81347 RE: How to reduce forum margin on mobile? https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81274 Wed, 04 Jan 2023 17:45:02 +0000 @ldj72 

complete the code above with

#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right {width: calc(100% - 52px);}


should then look like this, so that the content adapts to the mobile size

@media screen and (max-width: 680px) {
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left {width: 40px;	font-size: 10px !important;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-positive {font-size: 18px;}	
#wpforo #wpforo-wrap .wpfl-3 .wpf-negative {font-size: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-vote-number {font-size: 18px; line-height: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer {font-size: 20px; padding-top: 2px;}	
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right {width: calc(100% - 52px);}	
}
]]> How-to and Troubleshooting - wpForo 2.0 Tutrix https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81274 RE: How to reduce forum margin on mobile? https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81273 Wed, 04 Jan 2023 17:39:04 +0000 Hi,

Thanks, @Tutrix, it works perfectly.

Regards

]]> How-to and Troubleshooting - wpForo 2.0 ldj72 https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81273 RE: How to reduce forum margin on mobile? https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81271 Wed, 04 Jan 2023 17:15:48 +0000 @ldj72

try

@media screen and (max-width: 680px) {
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left {width: 40px; font-size: 10px !important;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-positive {font-size: 18px;}	
#wpforo #wpforo-wrap .wpfl-3 .wpf-negative {font-size: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-vote-number {font-size: 18px; line-height: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer {font-size: 20px; padding-top: 2px;}	
}

 

]]> How-to and Troubleshooting - wpForo 2.0 Tutrix https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81271 How to reduce forum margin on mobile? https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81270 Wed, 04 Jan 2023 16:42:54 +0000 Hi,

I am using the QA layout.

The "Vote" button and "margin" are too large on mobile. Look at the screenshot.

How can I reduce it?

Thanks

 

]]> How-to and Troubleshooting - wpForo 2.0 ldj72 https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-reduce-forum-margin-on-mobile/#post-81270