Archived topic

Stationary Navigation

6 replies · Started by Anonymous on September 9, 2014

Viewing posts 1–7 of 7

September 9, 2014 at 12:55 am #26395

I use second navigation for a global header across multiple sites. I'd love for this to be stationary as the page scrolls, so the top navigation (set to Above the Header) stays in position as the page scrolls beneath it. Don't know if it can be done, but it's a suggestion... A [x] Stationary Navigation check box.

September 9, 2014 at 7:41 am #26584

Hi David,

You can do this with some simple CSS:

.secondary-navigation {
      position:fixed;
      top:0;
      width: 100%;
}

That will make it so the nav always sticks to the top.

Let me know if you have any questions :)

September 9, 2014 at 3:50 pm #26834

Almost worked. The header moved up the 37px high that my top navigation is. I added this to compensate:

body {
	padding-top: 37px;
}

September 9, 2014 at 7:14 pm #26878

Perfect!

September 10, 2014 at 5:08 pm #27357

Wait! What? Where can I get secondary navigation? I was trying to make the main navigation stationary, but I also want to know if we are getting second or third menus anytime soon?

September 10, 2014 at 5:36 pm #27394

It's the newest addon available :)

September 10, 2014 at 5:39 pm #27395

Ooooooooooo, it's like Christmas! I missed that one. :)

This archived topic is closed to new replies.

Start building better websites today.