Provide a sticky header option for the theme

[thetwopct]

Similar to what is used on cncf.io see if its easy to build an option so that sticky header can be turned on and off via config

[doolio]

Similar to what is used on cncf.io

The header doesn't appear to be sticky on cncf.io. It is though on the Chips Alliance site which uses the Sendit Hugo theme.

[cjyabraham]

Are you on www.cncf.io? It should be sticky there. If not, can you provide your browser info?

[doolio]

Are you on www.cncf.io?

Yes.

It should be sticky there. If not, can you provide your browser info?

That site reported my browser as v102.0 when in fact it is v102.15.lesr.

Device Debug
    Screen Width: 1366
    Screen Height: 768
    Viewport Width: 1364
    Viewport Height: 602
    Browser: Mozilla Firefox 102.15.lesr
    Operating System: Linux
    Raw Browser Info: Mozilla/5.0 (X11; Linux x86_64; rv:102.0) Gecko/20100101 Firefox/102.0

[cjyabraham]

On cncf.io, since your viewport height is less than 615px, the header will not be sticky for you to save you some limited vertical real estate. If you expand your viewport taller than 615px then you'll see that the header is sticky.

[doolio]

I see, thanks for the explanation. I can see it is indeed sticky when I enable full screen mode. I would have assumed it would scale appropriately depending on the device. Do I change this line to expand my viewport? I note it only specifies a width and not a height.

[cjyabraham]

Your viewport is the viewable area inside your browser. To expand your viewport try expanding your browser or, if necessary, use a larger monitor.

[doolio]

Ah I see thank you. At the moment the most I can do is enter full screen mode and as already stated I can then see the sticky header. Thanks again.