How to make the header smaller in height / Impulsive Theme

Start a Business
1

Hello, I would like to make the header’s height smaller without affecting the logo.

Captura de pantalla 2022-03-21 a las 12.28.40.png
Captura de pantalla 2022-03-21 a las 12.28.40.png3192×264 67.6 KB

This is my website: https://deluxcosmetics.com/

Thank you in advance!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css.liquid and paste this at the bottom of the file:
.site-header {padding: 2px 0;}
div#StickyHeaderWrap {
height: auto!important;
}
1 Like
3

Thank you @ZestardTech

It worked perfectly!

Is it possible to make it even smaller?

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css.liquid and paste this at the bottom of the file:
.site-header {
padding: 0px 0;
}
div#StickyHeaderWrap {
height: auto!important;
}