WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

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

My blog's page hierarchy is as follows:

- Home
- About
- Movies
- - General
- - All Movies 
- - Rules

Right now, I have a horizontal menu showing Home | About | Movies, and if I hover Movies I get:

Home | About | >Movies<
     |       |  General
     |       |  All Movies
     |       |  Rules

When I choose, for example, General, the menu returns to Home | About | Movies. What I'd like is for the drop down to be horizontal as follows:

Home | About | >Movies<
General | All Movies | Rules

And that if I select one of the submenu pages, the submenu will stay there with a selection marked. So for example, if I click on All Movies, the menu will appear as follows (The "<" signs are for illustrating the selection, not to be used literally):

Home | About | >Movies<
General | >All Movies< | Rules

Is there a setting or a plugin that can help me achieve that?

For reference, my site is at http://roee.co

share|improve this question

Roee, there's no particular setting or plugin to do that kind of stuff, it's all about how your theme is designed and developed. You might be able to achieve this using some custom CSS if you're good enough with that. Basically what you have to do is find out the :hover state of a particular menu and apply the same rules to when the entry has got the current_page_item class, which WordPress appends when using wp_nav_menu().

share|improve this answer
As an addition: The magic happens (mostly) with float: left; clear: none;. – kaiser Apr 29 '11 at 13:37

Your Answer


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

Not the answer you're looking for? Browse other questions tagged or ask your own question.