Vertical logo in header with image boundary outside of header

Topic summary

Vertical logo overlapping the header without increasing header height. The requester wants a tall, vertical “N” logo to extend beyond the header’s bounds, rather than forcing the header to expand to the logo’s height.

Current behavior: adding the logo automatically increases the header height to match the image, which they want to avoid.

Clarification: the live store doesn’t yet reflect the intended changes; example images were shared to show the desired effect, with the black “N” taller than the header.

Information requested: participants asked for the store URL to inspect implementation details and provide specific guidance.

Status and next steps: no solution or code shared yet; the thread awaits the store URL and technical recommendations. Timeline urgency noted for Black Friday.

Assets: images are central to understanding the desired layout and visual outcome.

Summarized with AI on December 14. AI used: gpt-5.

Anyone have an ideas how to use a vertical logo like this example in the header but have the image boundary be free from the header? If I add a logo, the header dimensions adjust to fit the height of the image. Any help?

Hi @j0nnyr0ckstar

Could you please provide your store URL so we can take a closer look?

Could you share your store URL?

The current store/site doesn’t reflect the changes that we’re hoping to have done in time for Black Friday. I want the “N” logo in the black to be taller in height than the dimensions of the header itself. As of now, the logo directly impacts the height of the header.