How to get header to be one height ?

[camind]

Hi,

How can I get the header to be one size all the time instead of it being thicker at top of page and thinner once page moves lower?

I would like the header to be the thinner version just like it looks when the page is scrolled lower.

see attachment

Thanks so much

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
You can try to use this custom css code:-

.sticky-header-resized{
height:74px !important;
padding-top:10px !important;
}

Thanks
Mohammad

[camind]

hi,

works but I want the exact opposite. I want it to be the re-sized height all the time not the initial height to be the re-sized height.

any way to remove the initial view size completely?

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sticky-wrapper{
height:50px !important;
}

ul#menu-cancer-home-1{
height:30px !important;
}

#header .header-container{
padding-top:6px !important;
}

.sticky-header-resized{
height:50px !important;
}

Thanks
Mohammad

[camind]

Hi,

Worked Perfect…… Thanks a million Mohammad 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad