Sticky Primary & Secondary Nav Cafe Pro

[Tenns]

Right now the Cafe Pro theme has sticky primary nav, so when you scroll down it sticks to the top and the site title shrinks into the primary nav menu as well. However, the secondary nav menu (the one at the top of the page) isn't sticky at all, so if someone wanted to have it as their main nav menu they would loose the effect.

I know some of the sticky nav is controlled by CSS, as well as jQuery. I wanted to know if there was a way to have both menu locations be sticky and do the same thing as far as shrinking the site title in the menu as they scroll down the site. This way they wouldn't be stuck with only using the primary nav menu location. Is this even possible?

Any insight is greatly appreciated!

[Victor Font]

Try adding position: fixed; to the secondary nav css.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Tenns]

The position: fixed class didn't work unfortunately, nor does it take care of the jQuery side of the house when it comes to the coding. I assume the jQuery would need to be re-written to include both primary and secondary navigation locations, as well as the CSS for secondary navigation.

[Victor Font]

position: fixed is not a class. It is a css directive that gets inserted into the secondary-nav class. jQuery does not have to be touched. Nav position is controlled entirely by css.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Tenns]

Adding the position fixed does make it stick, but it doesn't make the site title shrink like it does with the primary navigation location. I think that's the part that's controlled by the jQuery that would need tweaking.

[Author]

Posts