Shape Divider Overflow

UPDATE

I have added the code below to the page and it helps on desktop, but mobile devices are still affected by the overflow for some reason.

Any help on that would be appreciated, thanks in advance.

.wp-block-themeisle-blocks-advanced-columns-separators {
    overflow-x: clip !important;
    max-width: 100% !important;
}

Hey @treviscarletta,

It seems to work fine on our site when I tested it. Perhaps I do not understand the properly, can you post some screenshots to show the issue to us? Also, which device/browser are you using?

Thank you!

iPhone Safari, Chrome, Brave

Screenshot:

Hey @treviscarletta,

I checked and it only happens for me when I scroll down to the contact form while it’s still animating from the left and it goes away itself afterwards. Is it the same for you?

I tested on an iPhone 12 Mini on latest Safari.

No, it’s instantly there when the page loads and does not go away. iPhone 12, latest Safari and other browsers.

Hey @treviscarletta,

We are having a hard time reproducing this error on our side. I was only able to reproduce it on a simulator (not on my real device) but that too was not consistent.

Could you, for testing, try to remove the animation from the form in the bottom and see if this still happens?

Thanks for the suggestion, Hardeep — unfortunately it did not help. I also disabled all other animations on the page to see if that affects it, but no luck, the divider shapes still spill off to the right on iOS Safari, Chrome, and Brave.

I will try to test it out on other phones as well.

Hey @treviscarletta,

I forgot to mention before, we did a recently that should’ve an issue with separator overflowing in certain cases. Does it still happen on your side?

Looks like the issue has been resolved, thanks for the heads up!