Shape Dividers do not work in IE 11

Question

Hello again,

Sorry to submit another ticket, but ...

Shape Dividers do not work in IE 11. It looks like the SVGs fail to initialize.

On your following page, nothing loads except for the header and footer.
http://themes.semicolonweb.com/html/canvas/shape-dividers.html

Can you provide a fix for IE 11?

thank you,
Rye

SemiColonWeb · Accepted Answer

Hello,

Since IE11 does not support Intersection Observer by default, you will need to use a Polyfill. Please consider adding the following code just after the js/jquery.js JS Linking:

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

ryearm · Answer

I just discovered that if you remove lazy loading and switch from data bg= to style="background image: the shape dividers will work properly in IE 11.