How do I "stick" a header at the top of the page?

Hi all,
Take a look at my website in progress… http://www.talkingboxdmg.com

Across the top of the page you see a white “header” with a nav-bar. I am hoping to be able to stick these to the top of the page so it is always available regardless of scrolling the page.

I’m using Stacks 3 with Joe Workman Foundation. The nav bar is the Foundation “Top Bar” and the white area is just a header stack.

Thanks,
Matt

Just set the TopBar to static and place both it and the header in to a Pin stack set to Fixed.
http://www.bigwhiteduck.com/stacks/pin/

2 Likes

Hi Tav. THANK YOU.

I just joined your google+ group for BWD… I am going to post the same thing here that I posted there.

Regarding Big White Duck add-ons…
TAV… YOU SHOULD BE CHARGING $$$ FOR YOUR STACKS.

I downloaded a bunch of them for free to check them out and almost immediately I realized that your stacks are a game changer for me. Suddenly they have become crucial in my website and I want you to keep this going. I just made a “donation”… well worth it.

So start charging for your stacks eh?

Thanks SO MUCH for your hard work.
I’m a big fan.

3 Likes

@mabou2 That is very kind of you to say. I’ve already replied on G+ as I saw that one first.

1 Like