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?
@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;
}
}
@chris Didn't help, need another code 😥
what is the screen resolution of your phone(the width), the code works for screens with 460px and more.
@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;
}
}
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
@chris And what kind of CSS code breaks the design?
I guess It's not only CSS, as I tried to fix the issue with another CSS which could overwrite the problematic one.
@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!
@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/
@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!