Notifications
Clear all

wpForo 1.x.x [Solved] Any idea how to fix this? (video included)

11 Posts
4 Users
3 Reactions
1,099 Views
Posts: 112
Topic starter
(@veganostomy)
Estimable Member
Joined: 8 years ago

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 😂

Topic Tags
10 Replies
Posts: 112
Topic starter
(@veganostomy)
Estimable Member
Joined: 8 years ago

In case that video doesn't play (it's in HEVC), here's a standard MP4 from the screen capture

2 Replies
Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3627

Hi @veganostomy,

Please provide Your Forum URL

(@veganostomy)
Joined: 8 years ago

Estimable Member
Posts: 112
Posted by: @chris

Hi @veganostomy,

Please provide Your Forum URL

https://www.veganostomy.ca/community/

Thanks.

 

Tutrix
Posts: 1453
(@tutrix)
Noble Member
Joined: 5 years ago

@veganostomy

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

6 Replies
(@veganostomy)
Joined: 8 years ago

Estimable Member
Posts: 112

@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). 

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@veganostomy 

try

@media (max-width:768px) {
.separate-containers #post-12076 .inside-article{
overflow: hidden;
}
(@veganostomy)
Joined: 8 years ago

Estimable Member
Posts: 112
Posted by: @tutrix

@veganostomy 

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? 

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453
Posted by: @veganostomy

 Now, is the "#post-12076" relevant, or can I remove that? 

this executes the code only on the forum page 😉 

(@veganostomy)
Joined: 8 years ago

Estimable Member
Posts: 112

@tutrix Perfect. Thank you so much! 

dimalifragis
(@dimalifragis)
Joined: 5 years ago

Famed Member
Posts: 2611

@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.