Changing the height of site header

[Mahdi]

I bought the Boss theme couple days ago and I wanted to change some of the CSS. I want to change the height of the site header where the search bar, profile picture and menus are. Right now the height is set as 74px and I just cant figure out how to make it 55px.

[Anve S.]

Hi @myasinusman,

Try adding following css in custom css option of your child theme.

.site-header .left-col .table {
  height: 55px;
}
.site-header .header-links {  
  height: 55px;
}
.site-header .header-notifications {
  height: 55px;
  line-height: 55px;
}
.site-header .header-account-login {
  height: 55px;
  line-height: 55px;
}
#right-panel {
  margin-top: 55px!important;
}
#masthead #mastlogo {
  padding: 7px 20px 7px 25px;
}

Regards
Anve

[Mahdi]

I added the css to my custom css file. However it did not change anything other than the logo part. I attached a snap shot of the site header.

[Anve S.]

Hi @myasinusman,

Please send us your site url and the thread through the contact us page , will check on your site . As it worked for me .

Regards
Anve

[Mahdi]

The CSS works on fluid layout however it does not work on boxed layout. I am using the boxed layout.
I just sent the site details and username and password on contact us page.

[Anve S.]

Hi @myasinusman,

Try by applying the following code in custom css of child theme . Remove the previous given code.

`
@media screen and (min-width:481px){
.boxed .middle-col {
height: 55px!important;
}
.site-header .header-notifications {
height: 55px;
line-height: 55px;
}
.site-header .header-account-login {
height: 55px;
line-height: 55px;
}
.boxed #left-panel-inner {
padding-top: 55px!important;
}
.site-header .header-account-login .pop {
top:57px;
}
#masthead #mastlogo {
padding: 7px 20px 7px 25px;
}
#right-panel {
margin-top: 55px!important;
}
}

Regards
Anve

[Mahdi]

Great! Its working now.

Thanks a lot.

[Anve S.]

Great:)