How Do I Reduce the Header Size In Sense Theme?

Store Design
1

Hi,

is there any way to reduce the height of the header without making the logo smaller in the sense theme? I find it to be too large.

2

Hello @Mashmellow

Please share your store URL so i can suggest you the solution on reduce header size.

3

https://khalelash.com

4

Please add below css code in bottom of assets/base.css file

@media screen and (min-width: 990px)
.header {
padding-top: 0;
}
.header__heading-link {
padding: 0;
}
@media screen and (min-width: 990px)
.header:not(.header–middle-left) .header__inline-menu {
margin-top: -15px;
}

Thank you.

5

I tried that code and it didn’t seem to change anything size wise of the header. Is there anything else I should do?

6

Hi,

Please apply above changes then after I will check what is current issue .

Thank you.

7

They have been applied.

8

Hi,

I can’t see below both changes in your site.

.header {
padding-top: 0;
}
@media screen and (min-width: 990px)
.header:not(.header–middle-left) .header__inline-menu {
margin-top: -15px;
}

Thank you.

9

Still no luck. I’ve copied and pasted the code on the bottom base.css file. I’m not sure what I’m doing wrong exactly?