How to make header height smaller in IMPACT theme

Store Design
, , , , , , , ,

Topic summary

A user seeks help reducing the header height on desktop for the IMPACT theme.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert custom CSS markup before the tag
  • Save changes

Outcome:
The solution includes a visual example showing the reduced header height. The responder requests the user mark the answer as helpful if it resolves the issue.

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

Hello everyone,

I’m trying to make my header smaller on desktop in IMPACT theme. Can someone help?

1 Like
2
  • Here is the solution for you @Ab52
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
1 Like
3
  • Here is the result you will achieve:

BSSTekLabs_0-1726239907086.png
BSSTekLabs_0-1726239907086.png1893×537 72 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like