shape divider delay

Hello,

Since Shape Divider is loaded using JS, there will always be a minor delay. You can consider finding the following code in the js/module.shapedivider.js File:
[ch_pre type="js"]setTimeout( function() {
element.querySelector('svg').classList.add( 'op-1' );
}, 500);[/ch_pre]

and change 500 to 0. Additionally, you can also consider using this code directly:
[ch_pre]
.shape-divider.shape-divider-1 svg,
.shape-divider.shape-divider-2 svg {
width: calc( 100% + 1.5px );
height: 50px;
}

.shape-divider.shape-divider-2 svg {
height: 100px;
}

.shape-divider.shape-divider-1 .shape-divider-fill,
.shape-divider.shape-divider-2 .shape-divider-fill {
fill: null;
}

[/ch_pre]

This will eliminate the delay. Then you can use height: 100%; in the CSS Codes above according to your needs.

Hope this Helps!

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