View Full Version : CSS Menu with "active" background color on a e-commerce system help

01-24-2013, 06:28 PM
Hello all!

So we run an e-store at this link here (you'll see the menu I've created at the top).. http://store.theproductfarm.com

I have a CSS style for "active" to basically turn the background of the active page to the orange color (same as when you hover). However, I have this menu nested in the e-commerce systems "default.html" page so that it will show on ALL pages. However, this means if I set "home" to be the active one, it doesn't matter what page you're one, it will always have "home" highlighted.

How could I go about this in this situation? I know in a normal website structure I could choose to have contact.html for example to be "active" in the menu, but with this situation it's a little different.

Your help is greatly appreciated!

01-24-2013, 09:04 PM
Look at this method that uses an id on the body of the document - http://nopeople.com/CSS%20tips/h_ul_menu-with_images/index.html

You might find a .js solution that would work for you too.