I want the top menu to be like it is, but with a small twist. If the menu item is active, I want another action, than if not active, when a:hover. But it seems like a:active don’t work in the css. Is that true, or do I mis something?
I want to imitate the buttons in the menu, so when hover a non active page I want the light blue color, and when hover the active page I want the darker blue and the lighter blue when not hover. If possible 🙂
If the menu item is active, I want another action, than if not active, when a:hover. But it seems like a:active don’t work in the css.
I think you are confusing a:hover and a:active, which are pseudoclasses built into CSS, with a.current, which is a CSS class that you can define.
:hover and :active are dependent upon mouse actions. :hover comes into play when you hover your pointer over something with that pseudoclass; :active comes into play in the time between when you click on an item and when you release the mouse button.
.current is a user-defined CSS class that is usually applied to the page link on the page you are actually on. In the case of Graphene, the actual css class for the top menu is .current-menu-item.
This free Support Forum relies on contributions from our support staffs and fellow Graphene themes users. While we endeavour to provide adequate and timely support, due to its voluntary nature responses are not guaranteed and may be delayed.
If you require urgent assistance, you may like to consider our Priority Support option.