How to reduce space between header and logo on Dawn theme ver 11.0.0?

Topic summary

A user seeks to reduce the space between the header and logo in Dawn theme version 11.0.0.

Solution Provided:

  • Navigate to Shopify Admin → Edit theme code
  • Open the base.css file
  • Add the following CSS code at the bottom:
.header__inline-menu {
  margin-top: -16px !important;
}

Outcome:
The solution was tested and confirmed successful. The user expressed gratitude, and the issue appears resolved.

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

Hi, how do I reduce space between header and logo on my page?

Dawn theme ver 11.0.0

Shop url: topspot.cards

Hello @topspotcards :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.header__inline-menu {
    margin-top: -16px !important;
}

The result

Hope that helps!

1 Like

God bless you. Thank you so much.

1 Like

You are welcome!