[Resolved] How to do mouse over effect in navigation menu
Christian, you may want to look into hiring a new “programmer.”
The site in question is using very simple CSS conditional image replacement.
If you look at the site’s CSS file, you’ll see that the
a(link) elements with the class of
glinkdo not have a separate background image so long as the mouse isn’t hovering over them. When the pointer is over them (called through the
:hoverelement), the background changes to
To read more about image replacement see: http://www.w3schools.com/CSS/css_pseudo_classes.asp
Here’s what our programmer had to say:
I’m afraid that the drop-down menu functionality that you want is out of my expertise. I have looked into it and I’m not sure how to load the mark-up for the sub-menu into a page that is not a parent or child page. For example, in the Home page, the markup for [sub-pages] needs to be loaded in order to be displayed when a user hovers over the About menu item. But it isn’t. WordPress has a function to call child elements but only child elements of the page you are on. Sorry, but I’m not sure how to do this – I’m not sure whether it can be done in the way you want.
Oh, okay. I misunderstood. (And was a little bit mean.)
It’s possible to do the ‘drop-down’ entirely in CSS.
There’s a pretty good walkthrough here, on the code:
For the wordpress call to child pages, take a look at:
It’s what I’m using on our site (though, not in the exact manner you are).
- The topic ‘[Resolved] How to do mouse over effect in navigation menu’ is closed to new replies.