Notifications
Clear all

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

9 Posts
4 Users
1 Reactions
4,663 Views
Posts: 34
Topic starter
(@iwrtn45)
Trusted Member
Joined: 7 years ago

Hello?

2 questions please.

1. On mobile, the forum does not use full width, but use about 80% of the full width of mobile. How can I get wpforo use full width of mobile?

 

2. On PC, I found that I need to edit either one of the below CSS code in php file, but which php file I should edit? Can you tell me the php file name?

3. Regarding the 1st CSS file I realized that the width percentage is not 100%, but 74%+23%=97%. is it correct? shouldn't the sum be 100%?

 

#wpforo #wpforo-wrap {
   font-size: 13px; width: 100%; margin:0;
}
#wpforo #wpforo-wrap .wpforo-content {
   width: 74%;
}
#wpforo #wpforo-wrap .wpforo-right-sidebar { 
   width: 23%;
}

OR paste below this one (on styles tab)

@media screen and (min-width:900px) {
    #wpforo #wpforo-wrap .wpforo-content {width: 74%;}
    #wpforo #wpforo-wrap .wpforo-right-sidebar{width: 23%;}
}

 

 

8 Replies
Robert
Posts: 10591
Admin
(@robert)
Support Team
Joined: 9 years ago

Please don't use any custom CSS code, remove all those and leave your forum URL to allow us check CSS issues on mobile.

Posts: 34
Topic starter
(@iwrtn45)
Trusted Member
Joined: 7 years ago

Hello?

I did not apply any CSS code yet.

My question is how I can remove or reduce gaps?

Please, see the marks on the attached pictures for you to understand what gaps I want to reduce or remove.

 

Posts: 34
Topic starter
(@iwrtn45)
Trusted Member
Joined: 7 years ago

One more.

Sofy
Posts: 4900
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi  iwrtn45,

Please leave your forum URL to allow us to check it and provide CSS solution for you. 

Page 1 / 2