Any idea how to fix this? (video included) - How-to and Troubleshooting - wpForo 2.0

RE: Any idea how to fix this? (video included)

dimalifragis — Wed, 02 Feb 2022 20:20:11 +0000

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

RE: Any idea how to fix this? (video included)

VeganOstomy — Wed, 02 Feb 2022 20:19:38 +0000

@tutrix Perfect. Thank you so much!

RE: Any idea how to fix this? (video included)

Tutrix — Wed, 02 Feb 2022 19:52:34 +0000

Posted by: @veganostomy

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

this executes the code only on the forum page 😉

RE: Any idea how to fix this? (video included)

VeganOstomy — Wed, 02 Feb 2022 19:48:52 +0000

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?

RE: Any idea how to fix this? (video included)

Tutrix — Wed, 02 Feb 2022 19:44:49 +0000

@veganostomy

try

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

RE: Any idea how to fix this? (video included)

VeganOstomy — Wed, 02 Feb 2022 19:30:00 +0000

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

RE: Any idea how to fix this? (video included)

Tutrix — Wed, 02 Feb 2022 18:41:40 +0000

@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

RE: Any idea how to fix this? (video included)

VeganOstomy — Wed, 02 Feb 2022 15:57:31 +0000

Posted by: @chris

Hi @veganostomy,

Please provide Your Forum URL

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

Thanks.

RE: Any idea how to fix this? (video included)

Chris — Wed, 02 Feb 2022 12:42:47 +0000

Hi @veganostomy,

Please provide Your Forum URL

RE: Any idea how to fix this? (video included)

VeganOstomy — Wed, 02 Feb 2022 03:30:03 +0000

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

Screen_Recording_20220201-221401_Samsung-Internet.mp4