Complex Image Banner Code

Hello -

Is anyone able to help me with some complex image banner code?

I want the image banner to be a wavy shape, I have managed to get it as a mask into the image banner with an svg image, but the height of it is playing up. For some reason it is super thin. As well as this, the image is double displaying beneath the banner. Please see URL to see what I mean. Thank you! Also see screenshots of code (highlighted) for which I have used so far.

Ella

URL: https://shopnirjara.myshopify.com/

Hello @ellacoker
I need password too

Your store has password protected.

hello sorry - password is ellaella

password: ellaella

You SVG imge contains blank height at the bottom

Hi Dan,

Thanks - I fixed this and I think it definitely looks better, however its still showing twice. So, its showing below the image banner too. Would you know why? Thanks again

URL: https://shopnirjara.myshopify.com/

PW: ellaella

Therefore, the custom code you added is no longer needed. Just remove it then you can see the wavy in your banner without your code.

Ohhh I understand. Thanks Dan. One last thing - The image that I used was an svg, i have tried a png too to try and get rid of that strip a long the bottom. How would I go about removing it? Would I just have to export it as a white background instead of transparent? Is that the only way to get around it? Thank you very much. Ella.