Breakpoint occurring in header
I've spotted a breakpoint in my header. This is probably because I have more menu items than the default theme. This breakpoint affects only the header, all the other elements resize appropriately with no problems. Please see the picture and annotation for details (pixels etc). I looked in the CSS for the @media that I could alter but I think you are using a different technique to adapt to the viewport, like flex or something. It's beyond my knowledge so could you let me know what I need to change to resolve the breakpoint?
I am happy for the menu toggler to appear sooner at around 1000px where the break first approx starts. Or, alternatively, the menu bar could split into two rows, whatever works best for you.
Cheers for this - as and when, no particular rush.