How can I make the logo spill over the navbar?

Design help General
1

Hi all,

Looking to see if this is possible. I would like the logo from the navbar to be able to spill over the edge so the “signature logo” can be enlarged without making the navbar grow into a crazy height.

I’ve tried moving it - just hoping I have done it correctly.

Thanks in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

By absolute position is OK (You remove the logo from the “normal flow” → no extra height) - the BIG con with this technique is not the best for responsive design (So keep in mind to set dimensions of tablet-mobile + avoid element overlap // or set width on mobile to 150px for example and change position to auto).

“overlap” example:

image
image1002×177 67.6 KB