Wordpress Themes - WP Forum at BFA - Page menu arrow disappear when item clicked

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - Page menu arrow disappear when item clicked (http://forum.bytesforall.com/showthread.php?t=5936)

Sprutt

Feb 18, 2010 01:04 PM

Page menu arrow disappear when item clicked

Hi all!

I'm having trouble getting the down arrows of my page menu parents to behave like I want them to.

Check out the site HERE.

The problem consists of two things:

1. When you hover over the second button "Konferensen" I need the arrow to change to for example the black arrow. I've tried setting it with the following, but that makes it black all the time and it's children all have arrows aswell, despite them not having any children..:

Code:

div#menu1 ul.rMenu-hor li.rMenu-expand a:visited, 

div#menu1 ul.rMenu-hor li.rMenu-expand a:hover {

        padding: 5px 20px 5px 10px;        

        background-position: 95% 50%;

        background-image: url(<?php echo $bfa_ata['template_directory']; ?>/images/expand-down.gif);

}

2. When that same button is clicked the arrow is removed it seems, but I need the black arrow to remain.

Anyone got any pointers on how to solve these(probably simple for some) issues?

Thanks in advance!

Wimbledon

Feb 21, 2010 12:22 PM

Have you tried adding CSS changes to this?

HTML Code:

div#menu1 ul.rMenu li a:active {



}

Sprutt

Feb 22, 2010 04:34 AM

Thanks Wimbledon, but that doesn't work, it just shows the icon for a millisecond exactly when it's clicked.

Anyone? Just donated btw... ;)

lmilesw

Feb 22, 2010 05:55 AM

Try this - the php code didn't work for me.

HTML Code:

div#menu1 ul.rMenu-hor li.rMenu-expand a:hover {

background-image:url("http://www.deom.se/temp/ordens_magi/wp-content/themes/atahualpa/images/expand-down.gif");

}

juggledad

Feb 22, 2010 08:32 AM

change teh CSS Selector to

HTML Code:

div#menu1 ul.rMenu-hor li.rMenu-expand > a:hover

or you will get down arrows on the child items

Sprutt

Feb 26, 2010 09:55 AM

Thanks y'all!

Your advice did the trick for the arrows Juggledad. Only thing left that I can't seem to get right is that I only want the parents of the currently active object to be in hover/active mode. Now all of the items in the submenu are in that state. To clarify, if an object in a sublevel is clicked I want it and all of its parents to be in the hover/active state.

Anyone know how to do this?

I've tried the advice given in THIS THREAD without success...

The site is now found HERE.

Thanks!

juggledad

Feb 26, 2010 02:30 PM

when a menu item is selected, a class of 'current_page_item' is added to it and a class of 'current_page_ancestor' is added to all it's ancestors. The parent of the current item also gets a class of 'current_page_parent'

You can use these in your CSS Selectors

All times are GMT -6. The time now is 05:24 PM.