curved fixed header

Hey emaechler,
What you need to do is add a snippet below your header so it looks like your header has a curve to it. In the past this was done with a transparent image with the curve painted on, but you can also do this with css: https://youtu.be/9kkEMHatgZ0
or svg: https://youtu.be/OjIxscGV-Qg
Here is a SVG GENERATOR that can help with your shape.

Best regards,
Mike

Hi,
The first video has a wave.png in the area under the video, it is a example. I took your image and used the tool at Online Background Remover and made your image transparent

Best regards,
Mike

Hi,
Sorry, I got mixed up, so for your test site
I used this css to override your image and background-color:

.header_color .header_bg {
    background: transparent url(//demo.kmu-betreuung.ch/wp-content/uploads/2018/11/test-curved-header.png) center center no-repeat !important; 
    background-size: cover !important; 
    top: 112px !important; 
}
#header.header_color {
    background-color: red !important; 
}

to make the curve hang down over the pink content, and have the header a solid red. Notice that the image has to hang down 112px because the dips in the curve are a lot and we are trying to hide the straight line of the header.

Best regards,
Mike

Hi,
Happy Sunday! :)
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike