Hi,
I am trying to achieve a header design with a hanging logo as in the preview image. I used position: relative for .x-brand and put the logo down manually. I also had to shorten the navbar max-height. So far so good.
But now on mobile (when burger icon appears), the menu items appear outside of the navbar (overlaying the content area). The navbar doesnt scale automatically to contain them. How do I fix this? I think I have to use some @media property but I couldnt get it work.
Thanks in advance.