Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Content on pages associated with a forum plugin won’t display at 100% width…

  • Hi all, for some reason, one of the forum plugins (wpForo) I’m using won’t display the content width 100% (contained) in desktop, tablet, and mobile views. Everything everywhere else is fine, including pages using their sister plugin, wpDiscuz. They said it has something to do with my theme but I can’t figure out where to fix it within GP or CSS. Any suggestions?

    – Trey

  • Hey Trey,

    I’m not sure if I can identify the issue, as I don’t see any problem with the content layout. It would be great if you could provide a screenshot to show exactly where the problem is so we can better understand.

  • The easiest way to describe it, when I pull up a page using that plugin, I can shift the page left to right about 5 or 10px in mobile & tablet views. It acts as if the page is zoomed in a little. When I pinch zoom the page down to size in mobile, it looks as it should. (in the customizer, is shows the scroll bar in tablet & mobile views, allowing you to shift the page a little, left to right).

    It’s a really small amount, but it is super annoying.

  • It sounds like a horizontal scroll issue, but I cannot replicate it on my end.

    However, try adding this CSS to see if it resolves the issue:

    html, body {
       overflow-x: hidden;
    }
  • Such an astoundingly simple & perfect bandaid. Thank you so much Alvind!

    – Trey

  • Glad to hear that!

  • I’m back… so apparently that CSS removes my sticky headers. Can I still use this and preserve the sticky headers?

  • I think this accomplished it…

    .container.grid-container {
    overflow-x: hidden;
    }

  • Can you confirm if the issue is resolved? Let me know. 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.