I've been struggling to create a header for a website project I'm working on. My goal is to design something like the image below:
https://i.sstatic.net/szQGf.jpg
The biggest challenge I'm facing is making this design responsive. The pointed part of the blue section needs to remain unchanged, while the rest of the header should stretch to the right side. My CSS knowledge is limited, and despite my efforts, I haven't found a solution that fits my requirements.
***EDIT: One crucial aspect is that the white space between the logo div and menu bar must be transparent. It would have been simple if it were just a solid color, but it needs to show the background image behind the header :/