Making a Nav Menu Static

[EmLY14]

Using the Cafe Pro theme the primary navigation bar follows as you scroll down the page, this happens on all pages. If at all possible can I stop it from moving on the product pages and to be a static menu? If anyone has any tips I would hugely appreciate it.

Thanks in advance.

http://www.onwardtrading.com

[Brad Dalton]

Try

position: fixed;

Or

This tutorial about sticky menu

---

Tutorials for StudioPress Themes & WooCommerce.

[EmLY14]

Thanks Brad. It is already set to position: fixed; and moves with the page.

?

[WhiteleyDesigns]

Hey EmLY14,

I think the word 'static' is probably confusing. Static would insinuate you'd want it to remain in the same location, thus scroll with the page. I think want you want to use is either:

position: relative;

or

position: absolute;

This depends on the flow of the documents and other elements around it, but if you add that it will override the fixed position and allow it to remain in place, instead of remaining fixed while you scroll.

Matt

---

Matt Whiteley – WhiteleyDesigns, GitHub
Designing, Developing & Creating with WordPress

[EmLY14]

That has done it, thank you Matt.

[Author]

Posts