Question

A client of mine is having a strange problem with their sites navigation.. on certain pages their hover class appears to show what page you’re currently viewing. But on others it doesn’t?

I didn’t design this site, but I’m helping them work on it, so I’m a tad bit lost.

http://www.hycroft.com/

The suites and policies don’t show when you’re currently on them, but the rest do.. if anyone has any insight I’d appreciate it.

Answer 1

The hover image is set in your menu css here,

#nav li:hover, #nav li.sfhover,
body.index #nav li.index,
body.amenities #nav li.amenities,
body.concierge #nav li.concierge,
body.suites #nav li.suites,
body.specials #nav li.specials,
body.reservations #nav li.reservations,
body.location #nav li.location,
body.contact #nav li.contact {
    background-position: 0 -63px
}

So when you are on the home page, the body tag has a index class added to it. It seems a different name is applied for pages where it does not show.