I recall having this issue many years ago, and I can't honestly remember how it was resolved.
I'm noticing that when I'm viewing the forum, there seems to be extra horizontal space that I can "swipe" through, which is not present on any other pages on my site. This seems to be happening on everything but the desktop layout.
I've attached a video as an example of what happens, since I really seem to be having trouble explaining the problem 😂
In case that video doesn't play (it's in HEVC), here's a standard MP4 from the screen capture
try 10px padding
/wp-content/uploads/generatepress/style.min.css
@media (max-width:768px) {
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
padding:5px;
}
or add this to custom css
@media (max-width:768px) {
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
padding:10px;
}
Dashboard > Forums > Settings > Style (custom css)
Video > https://www.screencast.com/t/1Z8M2oVB
@tutrix It does make a difference, but it affects the entire site and narrows the forum on mobile.
I think there is a "fix", but I'd also be interested in knowing what's caused this to happen. I haven't changed themes but did remove some plugins like Elementor (wasn't running on the forums, so I don't think it would be related).
try
@media (max-width:768px) {
.separate-containers #post-12076 .inside-article{
overflow: hidden;
}
try
@media (max-width:768px) { .separate-containers #post-12076 .inside-article{ overflow: hidden; }
Wow, that seems to work perfectly. Now, is the "#post-12076" relevant, or can I remove that?
Now, is the "#post-12076" relevant, or can I remove that?
this executes the code only on the forum page 😉
@tutrix Perfect. Thank you so much!
@veganostomy If anyone wants to execute some css in SPECIFIC pages, Simple CSS plugin is doing that, adding a meta for css in each page. Works great.