I’d rather not include a link but this can be seen on mlftransport.dk.

I recently bought Genesis and it’s amazing to work with so I figured I’d check out the support forums as well.

I’m building a website where I have a couple of elements (navbar and slider) with different coloured backgrounds flowing over the “container” and I need to make a shadow effect like you can see on the website right now.

The problem is that I’m currently using and svg element (id=”shadow”) absolutely positioned above the page content with pointer-events none however browser support for this is not the greatest. I’d love to hear any suggestion on how to do this differently becuase I’m drawing a blank