How to align the menu to the top of logo instead of the centre of it

Topic summary

Goal: Align the main menu with the top (solid part) of a very tall logo in a Shopify Dawn theme, or alternatively increase header height via code.

Context: The logo image included extra transparent space to simulate a taller header, which centered the menu vertically on the full logo height. The store URL was shared for review (cozytown.store).

Approach decided: Use a properly sized logo image and adjust the header height/alignment with theme code rather than relying on transparent padding in the logo.

Actions taken:

  • Merchant replaced the logo with a correctly sized version.
  • Helper provided a code snippet to add in theme.liquid under the head tag (a screenshot was shared for reference). The exact code content is not shown here.

Outcome: The change worked; the menu alignment/header height issue was resolved.

Status: Resolved. No remaining questions noted.

Notes: The solution depended on adding custom CSS/JS in theme.liquid and a properly sized logo image; the provided screenshot and code snippet were central to implementation.

Summarized with AI on January 1. AI used: gpt-5.

Definitely possible, could you replace the image please? That way I can give you the proper code.