Keep Menu/Header height fixed when scrolling up/down pages


I really need advice on how I can stop the menu/header of my site from expanding in height when I scroll down, and returning to it’s original height when I scroll back up.

Any and all advice would be appreciated.

Hello there,

Please try adding the below CSS code to Appearance > Customize > Additional CSS;

.site-header.float-header {
  padding: 20px 0;


Thanks K,

It worked a treat!


Hi K,

Could you help with this problem?

I posted it yesterday, got an initial response from Roman, in which he suggested I increase the size of my crelly slider to full HD. This didn’t resolve the problem.

I’d really appreciate some help as this has been driving me crazy for far too long.

Many thanks,