Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

11 Posts
4 Users
3 Reactions
1,314 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: 4 years ago

Famed Member
Posts: 3611

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: 1522
(@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: 1522

@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: 1522
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: 2601

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

Â