Since WordPress update – page has horzontial scroll + block of color

The workaround for the landing pages is not working also. I believe this issue is being created by the content block, but I’m not 100% sure.

Any help you can provide would be much appreicated. If I can’t fix this, I will have to change the theme as it really doesn’t look good and is impacting my key pages.

Thanks again

Hello,
Thank you for reaching out and providing details about the issue you’re facing.
It sounds like the problem might be related to the configuration of your blocks. Could you let me know if you used any of the templates from Tyler.com or if your pages are created with custom blocks?
From your website code, it seems that when the Group block is set to “Full Width” and contains another block (like Group, Heading, etc.) also set to “Full Width,” and both blocks do not have the “Inner blocks use content width” switch enabled with a specific content width set (e.g., 1400 pixels), the inner group may overflow outside the outer group (see screenshot https://snipboard.io/FyWAE9.jpg).
Here are a few steps you can try to resolve the issue:
Check and Reconfigure Blocks: Ensure all your blocks have a content width limit, and set the inner blocks to “Wide Width.”
Remove Custom CSS and Clear Cache: Temporarily remove any custom CSS you’ve added and clear your site’s cache to see if this resolves the issue.
Check for Plugin Interference: Sometimes plugins can cause unexpected behavior, so consider disabling plugins one by one to identify any conflicts.
If these steps don’t resolve the issue, please feel free to reach out to support [email protected] with screenshots of your block settings. We’ll take a closer look and help you find a solution.
Thanks again for your patience and understanding!

Hi,

Thanks for showing where you found the issue. I can how this effects it. If I set a content width limit and set all the blocks to ‘wide width’ it does remove the issue. However, it completely changes the structure/look of the page – particularly the images providing the ‘wave’ for splitting sections.

I appreciate a solution would be to edit the elements within the groups to get them looking similar, but what I don’t understand is why this issue only effects the homepage, not my landing pages or any others?

I believe these all setup in the same way as the homepage – but are not effected by this issue. Please correct me if I’m wrong here though.

I’m not using any blocks from Tyler.com currently – all custom blocks.

Thanks again for looking into this

• This reply was modified 2 months, 2 weeks ago by jfletchinsurd.

Hi there,

Thanks for your message and for explaining the issue further.

I understand the challenge. While I can’t give you the exact structure needed for your design, I believe you can achieve the look you want by adjusting the structure of your blocks. Here’s an approximate solution:

Since it’s inner Groups and Headings that are causing the issue, you can set them to “Wide Width”. For the images providing the ‘wave’ effect for splitting sections, instead of placing them inside a group, you can insert them in a separate “Cover” block below the group. Set their margins and paddings to 0 to ensure they have no indentation.

This should help you maintain the design without causing the horizontal scroll issue.

I hope this helps!