[Solved] problems in the mobile version of the site (layout)
there are problems on this page in the mobile version of the site, due to poor layout
https://wpforo.com/community/how-to-and-troubleshooting-2/how-to-fix-2-forums-with-same-page-id/
Please fix the problem
We don't face UI/UX issue on that post in the mobile version, what's your Mobil screen resolution?
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.
@chris It turned out that the problem is not on your side, but apparently on mine.
Please tell me how to fix this problem
Horizontal scrolling appeared in the mobile version. And I can't find the cause of this problem.
Insert below CSS Code in Custom CSS Code Field from Dashboard > wpForo > Settings > Colors & Styles Tab:
@media screen and (max-width: 460px) {
#wpforo #wpforo-wrap {
width: 98%;
margin: 0px auto;
}
}
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.
what is the screen resolution of your phone(the width), the code works for screens with 460px and more.
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.
@chris I have an iphone 11
Your code worked, but it doesn't fit me. Since I don't want to indent the entire site in the mobile version
Try this:
@media screen and (max-width: 460px) {
#wpforo #wpforo-wrap {
width: 100%;
margin: 0px auto;
}
}
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.
The reason of the problem is your theme "couponis", no matter what CSS I write, it changes everything back by default, try changing t another theme which would not make such changes.
I can recommend: Shuttle iBussines, Astra, Twenty Twelve
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.
I guess It's not only CSS, as I tried to fix the issue with another CSS which could overwrite the problematic one.
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.
@chris I like my theme, I tried the themes you suggested - I don't like them
I will look for ways to fix this problem with my Theme
But if you find the reason and tell me how to solve it - I will be very grateful!
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.
@chris Chris I found the problem. More specifically, two problems
This is a wpForo template issue
the screenshot shows two places due to which horizontal indentation appears on mobile devices
Breaks Vetka from user Егорка
https://forum.avitoman.ru/postid/50/
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.
@chris Yes indeed. There are no problems with your template.
As a result, I found the problem and corrected the styles on my side.
Thanks for the help!
I'm closing the thread!
-
How to remove the 'Like' buttons entirely
5 months ago
-
wpForo custom theme files give a 404 when in a WordPress child theme
7 months ago
-
Some CSS files don't seem to be minified.
11 months ago
-
duplicate item menu and footer in the forum section
1 year ago
-
How-to disable ranks in the Profile Statbox
2 years ago
- 15 Forums
- 14 K Topics
- 70.3 K Posts
- 25 Online
- 12.5 K Members