How can I enlarge and overhang the logo in Dawn theme?

Store Design
,

Topic summary

A user is migrating their store to Shopify’s Dawn theme and wants to enlarge their logo while making it overhang the header menu without losing quality.

Initial Solution Provided:

  • Upload a high-resolution logo (SVG or PNG format)
  • Adjust logo size through the theme editor’s Header/Logo section
  • Use custom CSS to create the overhang effect with specific width and negative top-margin values

Challenges Encountered:

  • Shopify limits uploads to 20MP, which the user’s current logo already meets
  • The logo becomes blurry when enlarged despite being at the maximum file size
  • The suggested custom CSS code doesn’t work when added to the theme’s custom CSS area
  • An image was shared showing the desired overhang effect, but implementation remains unsuccessful

Status: The issue is unresolved. The user needs alternative methods to achieve both logo enlargement without quality loss and the overhang effect, as the standard approach hasn’t worked within Shopify’s file size constraints.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
3

Thank you for your advice, but I ran into a few problems when trying the method above.

When I try to upload the high resolution PNG or SVG it says I can only upload a max of 20MP which my current logo already is, but it is blurry when I increase its size.

I also tried to add the code to the custom css area when I click on the header and changed the px like you suggested, but it doesn’t work- nothing happens. The image below is what I am trying to accomplish. Thanks in advanced!

logoOverhang.png
logoOverhang.png1105×260 47.6 KB