Title: Shape Divider Overflow
Last modified: October 24, 2022

---

# Shape Divider Overflow

 *  Resolved [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * (@treviscarletta)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/)
 * I am using the shape divider feature on some sections on my page and have them
   set at over 100% widths, which causes them to spill out the right side along 
   with horizontal scrolling on all devices, and major layout issues on mobile.
 * Am I missing a setting that prevents that from occurring?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fshape-divider-overflow%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Thread Starter [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * (@treviscarletta)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16133375)
 * **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;
       }
       ```
   
 *  Plugin Author [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16136745)
 * Hey [@treviscarletta](https://wordpress.org/support/users/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!
 *  Thread Starter [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * (@treviscarletta)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16137016)
 * iPhone Safari, Chrome, Brave
 * Screenshot: [](https://ibb.co/x8rZmCG)
 *  Plugin Author [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16139071)
 * Hey [@treviscarletta](https://wordpress.org/support/users/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.
 *  Thread Starter [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * (@treviscarletta)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16140191)
 * No, it’s instantly there when the page loads and does not go away. iPhone 12,
   latest Safari and other browsers.
 *  Plugin Author [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16156142)
 * Hey [@treviscarletta](https://wordpress.org/support/users/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?
 *  Thread Starter [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * (@treviscarletta)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16166225)
 * 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.
 *  Plugin Author [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16362377)
 * Hey [@treviscarletta](https://wordpress.org/support/users/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?
 *  Thread Starter [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * (@treviscarletta)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16363271)
 * Looks like the issue has been resolved, thanks for the heads up!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Shape Divider Overflow’ is closed to new replies.

 * ![](https://ps.w.org/otter-blocks/assets/icon-256x256.gif?rev=3452114)
 * [Otter Blocks - Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE](https://wordpress.org/plugins/otter-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/otter-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/otter-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/otter-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/otter-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/otter-blocks/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [Trevis](https://wordpress.org/support/users/treviscarletta/)
 * Last activity: [3 years, 5 months ago](https://wordpress.org/support/topic/shape-divider-overflow/#post-16363271)
 * Status: resolved