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!