Theme azirspares shopify, How To Reduce The Height Of Header

Store Design
,
1

I need to reduce header on my website https://ebabli.com/ How To Reduce The Height Of Header

I am using azirspares shopify Theme

2

Hi @lahiru99d , It looks like that theme offers a few different header options but I don’t see a setting for height in the documentation. You can try a different version of the header (Do this on a copy of your live theme first just on case it doesn’t go well) and see if there are shorter options to pick from. If you don’t want to go that route, I can send you a snippet of css that you can paste into your stylesheet to change it that way.

https://landing.shopilaunch.com/azirspares/guides/index.html#0

3

Please send me that snippet of css

4

The css below should update the header height for desktop devices 1200px wide or more. The header stacks below that width so it would require a different solution. Paste this at the bottom of your css file.

@media screen and (min-width: 1200px){
.header-wrap-stick {
    height: auto !important;
}
.header-middle-inner {
    padding-top: 25px;
    padding-bottom: 10px;
}
}