Altitude Pro Menu Customisation

[nomis]

Hi All,

Altitude uses a long vertical home page and allows you to target sections using page anchors (e.g. #front-page-2”). I have set up some custom links in my primary menu (e.g. http://localhostray3:8888/#front-page-2), and this means I can jump to any section from my header menu.

So far - so good.

Now it’s easy to target the hover state on the header menu (e.g. a:hover {border-color: purple haze;} ) but I want the menu to show what section is being viewed, and I have no idea how to do this. If the header menu linked to individual pages this would be easy, but it’s just linking to sections of the same page.

Any ideas folks?

[Victor Font]

The menu may be linking to sections of the same page, but they are still links. As such, the CSS pseudo-classes a:visited and a:active still apply. If you don't have rules for these in your style.css, you need to create them. http://www.w3schools.com/css/css_pseudo_classes.asp

---

Regards,

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

[nomis]

Thanks for the reply Victor, but unfortunately a:active only targets links on mouse-down, and a:visited only targets links that have been previously visited. Neither indicate which page section the visitor is viewing NOW. In the past, menu links would just link to a separate page, so it was just a matter of hard coding the menu indicator into the page itself, but because all these sections are on the same page, it's a different matter. I don't think pseudo classes are the answer here - even Studiopress Support seem stumped on this one.

[Author]

Posts