wpForo 1.x.x [Solved] Padding Issue

How-to and Troubleshooting

Last Post by Ash 6 years ago

3 Posts

2 Users

2 Reactions

1,361 Views

RSS

Posts: 8

Ash

Topic starter

Apr 15, 2019 9:58 am

(@ash)

Active Member

Joined: 6 years ago

Hi,

I have wpForo and on mobile, there is quite a bit of padding on either side which makes it look really narrow. Is there a way to fix this without it changing anything on a desktop/laptop?

I know someone else had an issue with this but the solution for them didn't work for me unfortunately.

https://adminloop.com/forum

Thanks

2 Replies

Posts: 4900

Sofy

Admin

Apr 15, 2019 10:05 am

(@sofy)

Support Team

Joined: 7 years ago

Hi @ash,

Please add the following CSS code in Dashboard > Forum > Settings > Stylys > "Custom CSS code" textarea. Save it, delete all caches and check again.


@media (max-width: 320px){
   .container {
      min-width: 100% !important;
   }
}

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

Use private browser session to check in mobile, mobile browser cache is very hard. On the PC just press Ctrl+F5 do delete browser cache.

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.