WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I was asked to make this a more obvious WP question, sorry. It is about the WP NAV MENU I think... Is there a way to have every menu item get listed and have a div correspond to it that is within the CSS range to influence the div via css?

This is an important WP feature that must be possible with the WP Nav Menu. Here is my question earlier:

I can not figure out how to make a div appear when user hovers over a menu item.

I made Divs that cover the menu items. Then I made Divs right under those Divs that change with the transition, transform and gradient attributes using CSS. I understand that the Divs that are changing, are functioning because of their placement, because they are right under the MenuCover Div that gets hovered over. So when my CSS says: #cover1:hover + #hilite1 {whatever-transition} it is because the hilite div is right under the cover div that this can work.

When I say "right under," I mean that the Div that changes is just under in terms of it's Html/CSS hierarchy. The visual location of the Div is placed using absolute positioning -- somewhere that looks good (not visually right under the menu item).

(The divs appear due to the CSS transformations using the hover attribute.)

Anyway, I would like to have the Divs, the ones that appear, do their tricks because of the user hovering over the li (menu item), not over my div cover! But I can figure out how to write the code. I have read all about wp_nav_menu and looked into how to make a menu, but I do not see an open spot in the code where I can attain this aim.

Am I missing something? It works with the darn menu cover divs, why can't I get it to work with the menu itself?

I want to do this with CSS and would accept Java. I tried it with Java and found a little success but I did not perfect it.

Another main problem is that when the special effect divs appear, they Cover the Menu Item (and my menu div covers), so the Menu itself can not be clicked. I am using the z-index to create these layers.

Is there a way to trigger the menu item when the user clicks on the div? I would prefer that the special effects div appears, covers the menu item AND when the user clicks on the Div, the click is received by the underlying menu!

Looking into this I found a pointer attribute in CSS that may not work with all browsers....

I think this problem is one that others would also need solutions for, so I am posting this with great hopes. (I am messing with this here, and this example will be gone someday: http://seattle-edmonds-realestate.com )

share|improve this question
I don't see how this is a WordPress-specific question. It reads more like a CSS/JavaScript question to me. – Pat J Apr 22 '13 at 4:07
This is a pure CSS or maybe a combination CSS/Javascript question. (I am sure you did not use Java.) Either way it is off-topic per the faq. – s_ha_dum Apr 22 '13 at 4:07
how to ask a good question – s_ha_dum Apr 22 '13 at 4:14
I think this is a WP Question. The more I look at it, the wore specific I can be about WP which is what I am using, but I see why you are asking for a better question. About the wp nav menu: – steffan Apr 22 '13 at 5:21
Had you achieved desired functionality without WP menu? I would try to reduce the question to the modifying specifics of menu output and how precisely you need to do that. The CSS aspects of it are not specific to WordPress and as such are out of scope here. – Rarst Apr 22 '13 at 6:55

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.