How to move navigation menu closer to the logo?

Topic summary

Goal: reduce vertical gap so the navigation menu sits closer to a centrally positioned logo in the header.

Context and access: the store URL and a visitor password were provided for review.

Proposed fixes:

  • CSS adjustment (desktop only): add styles in base.css/style.css/theme.css under a media query (min-width: 989px) to move the inline menu up and remove extra padding under the heading link. A result screenshot showed the tighter spacing.
  • Asset optimization: use a shorter-height logo to shrink header height; a helper supplied a cropped logo via a download link. They also suggested placing additional code near the closing tag in theme.liquid to further reduce spacing, with a screenshot indicating where to add it.

Outcome: the store owner confirmed the solution worked and thanked the contributors.

Status: resolved. No remaining questions. Images and a logo download link were central to demonstrating the result and providing assets.

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

It worked!

Thank you very much for the quick replies.