Header above navigation in tablet mode

Hi! my header seems to be riding above navigation in tablet and in mobile view when sandwich menu is open.
is there a fix for this?

Thanks!
Dara

Here is my site Read-Only:

https://preview.webflow.com/preview/cooking-with-love?utm_medium=preview_link&utm_source=designer&utm_content=cooking-with-love&preview=1bb760532498b162d0d3494aad40a3c3&workflow=preview

You need to set position of your navbar to be either “Fixed” “Absolute” or “Sticky” depending on what you want it to do and also bump up the Z-index to be higher than the rest of the items that you have on the page, probably safest to go with like 999 or something like that.

Based off of your desktop view, it’s probably best to use fixed so you can use the same logic as on desktop.

Let me know if anything’s unclear or if I misunderstood what you needed.

Thanks! It worked. Is there a reason why the header falls under the navigation unless I provide an extra margin (or padding)? Thanks again!
: )