Hi, I'm using Atahualpa 3.5.3 on WP 3.0.1 and am trying to configure page menus.

I've tried using the WP Menu's UI and have set up some page menus (with and without children pages) and also some "custom" menus that will be the parent menu-bar item with children pages.

The problem is when I make the URL of the custom menu blank the menu-bar segment is about 1px taller that to others with the down arrow (and as I desire the mouse-over just drops down the child menus without changing cursor shape to indicate the parent is selectable see Workshops & Retreats @ http://hartsook.com/LIA/). But if I make the custom menu item "#" I lose the down arrows indicating child menus and the cursor changes shape as if one could navigate to that page (see Individual Sessions @ http://hartsook.com/LIA/)

What I am trying to achieve is parent menu and submenus, e.g. Workshops & Retreats and Retreats) that have no pages, but are headings for sub-menus that do have pages. But have the main nav-bar menu items all the same height and boldness while displaying the down arrows for headings that have sub-menus.

Not sure this is clear, but I've been screwing around with the settings and css-inserts and have not yet been able to get this configured properly.
http://forum.bytesforall.com/images/smilies/frown.gif
Any pointers would be appreciated.

Thanks,

Pieter

Put # in the URL field. The CSS is looking for an a:link to style the menu.

Thanks, I've done that and removed all the css-inserts code having to do with menus and it's looking better. However the remaining problem is that the custom menu items (the ones with # as a URL) still "select" when you mouse over (the cursor changes from an arrow to the hand) which is confusing since clicking on the selected item doesn't do anything.

Is there some way to suppress the the selection hover action for link where a href="#" ?

Pieter

On the menu page for Wordpress

• Click on the Screen Options and make sure CSS Classes is selected
• Edit the menu item(s) in question and add top-menu to the class box
• Add the following to ATO>Add HTML/CSS Inserts>CSS Inserts

.top-menu a {cursor:default;}

You could of course use a different class if you like or a different cursor

Brilliant! Thanks.

The only problem is that the sub-menus seem to inherit the cursor state from the parent menu. I "solved" this by adding another css-insert

.select-menu a {cursor:pointer;}

and forcing the selectable sub-menus items to show a pointer-cursor using the css class field in the menu item as you suggested.


Thanks again for making this work.

Pieter

I wonder if I could use the same technique to change the background hover color for the "top-menu" items to be just the background color and not the darker hover color.

I find the change of color seems to imply selectability.

If so what css could I add to the .top-menu css-insert to specify a hover color background?

use a:hover to style the hover state

hmmm, according to w3schools you need to have an a:link and a:visited before using a hover.

So I added to css-inserts the following, so I now have for the top-menu class:

.top-menu a {cursor:default;}
.top-menu a:link {background-color:#EDE1EF;}    /* unvisited link */
.top-menu a:visited {background-color:#EDE1EF;} /* visited link */
.top-menu a:hover {background-color:#EDE1EF;}   /* mouse over link */

But the hover background color still changes on a hover and doesn't remain EDE1EF which is the background menu-bar color. The cursor is behaving the way I want and NOT changing on the top-menu items.

What am I doing wrong?