How to make header height smaller in IMPACT theme

[Ab52]

Hello everyone,

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

[BSS-TekLabs · Accepted solution]

- 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 </head> and press 'Save' to save it

<style>
@media only screen and (min-width: 600px) {
.header__wrapper {
      padding: 16px max(var(--container-gutter), 50% - var(--container-max-width) / 2) !important;
}
}
</style>

[BSS-TekLabs · Accepted solution]

- 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 </head> and press 'Save' to save it

<style>
@media only screen and (min-width: 600px) {
.header__wrapper {
      padding: 16px max(var(--container-gutter), 50% - var(--container-max-width) / 2) !important;
}
}
</style>

[BSS-TekLabs · Accepted solution]

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.