How to adjust the header height and width?

Store Design

Topic summary

A user seeks help adjusting header height and width on their Shopify store.

Solution Provided:
PageFly-Henry offers CSS code to modify the header:

  • Navigate to Online Store → Theme → Edit code
  • Locate theme.liquid file
  • Insert custom CSS before the closing tag
  • Code targets header margin and logo max-width (80%)

Additional Context:

  • Dan-From-Ryviu notes that the logo image dimensions directly affect header height
  • Includes screenshot showing the header/logo relationship

Outcome:

  • User confirms the solution worked and thanks both contributors
  • PageFly-Henry suggests further improvements: adding buttons and headings to the hero banner to increase store transparency

Status: Resolved - user successfully implemented the CSS fix

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

You are most welcome!

1 Like