Hi

Im using the U CSS Menu as a context menu to pop up, you click a link and a small vertical menu pops up.

This is working fine and the links on the menu work to, the problem im having is the menu does not fade out or dissapear when the mouse moves out of the <span> tab.....I have to click else where on the page before the pop up menu goes away.

Can someone advise.
Regards as ever
Les

Hello Les.

Can you please provide us with link to your page ?

Regards: Vulcho.

Sure, its very unfinished but the link at the top for gallery is the one stafford.staffdata.co.uk/index.asp

Hello Les,
that's actually what the context menu is supposed to do. You can check the same behavior if you Right click anywhere with your mouse - the context menu stays open until you click anywhere.

Please use the default menu functionality if you need it to fade when the mouse is not there.

Hi Teodor look what happend when I do that.........

What i mean i s - Use the CSS Navigation menu in the place of your current menu bar.

Hi Teodor, I will give that a try again but I didnt want the menu bar just links and had trouble spacing the css nav menu items out evenly they all seemed to be squished together....

Thanks again for your replys :-)

I am having the same issue and don't follow the response provided.

In the Website Les has provided, you move over the menu items and they light up in grey. When you move the mouse up (outside the menu), the grey highlights remain but they should disappear and revert to the original background color white. It's very confusing because it suggests the item highlighted in grey is the page you are currently on and that is not the case.

What is the fix for having the mouse-over highlights disappear on mouse-out?

Can you set up different mouse-over background colors? One for the main and another one for the sub-menus?

Thanks

I just tested the Elegant Blue menu with the default settings. It works the same as in Les's example above (the mouse-over background color stays) but when I look at your demos www.dmxzone.com/go/17207/ (Styles Overview) it's working as it should - the mouse-over background (light blue) reverts to the original color (dark blue) when the mouse leaves the button. What have you changed in your demo to make the mouse-over background color change back on mouse-out?

Thanks

It only changes if the menu item has options to open otherwise like you say Tim it stays highlighted....

Hi Les, all menu items (with or without sub menu) stay the mouse-over color when the menu is installed from scratch. Try it on your own Website but instead of moving the mouse down over the sub menu (where the color changes properly), move it up and above the menu and you will see all the buttons remain highlighted. Now try the same on the Menu Styles demo page (see link in my previsou message). Right click and from the Menu Style, select Elegant Blue. Now move the mouse over and out of the main menu items - the color changes properly on all of them. For some reason it does not work the same for us

I will not be able to present a menu with this glitch to a client since they will point out it's not working properly so I hope Teodor can help

Hello,

The hover color behavior is how the menu is supposed to be working. If you want the hover color not to stay when the mouse is out then you just need to edit the dmxNvigationMenu.css file and delete the .hover class from the following piece of code:

Quote

.dmxNavigationMenu li a.selected,
.dmxNavigationMenu li a.hover,
.dmxNavigationMenu li a:hover{
background: #A60D1F;
color: #fff;
}

Hi Vulcho, I hope you can get the mouse-over glitch I showed you addressed soon because I cannot use your menu as-is.
All your demos are working perfectly but unfortunately not the version I just purchased and downloaded

Thanks

Hi Tim,

Please check my last post!

Hi Teodor, I have seen your post but I am sorry to say it does not answer the question Les and I have (the issue is not with the actual hover when the mouse moves over the button but with the hover state 'sticking' and not disappearing when the mouse moves out of the button). I chatted with Vulcho and explained to him in detail what we mean, showing him examples as well. He was able to see and understand it and said he will talk to you and post a fix.

Please talk to Vulcho.

Thanks

My post explains exactly the

Quote

(the issue is not with the actual hover when the mouse moves over the button but with the hover state 'sticking' and not disappearing when the mouse moves out of the button).

I just tried what you suggested Teodor and it didnt change it?

Ive removed this line from the CSS file and my custom CSS file

.dmxNavigationMenu li a:hover,

But as you can see in my link its still the same..
:-)
The mouseover effect doesnt go when your mouse moves out so it stays highlighted.

Hi Les, Teodor's fix works but I discovered you may need to delete this line in more than one CSS file. When you change the theme a new CSS theme file is added so make sure you delete it in the correct one. I goofed because I did not delete the exact line: make sure it's the "." and not the ":"

Have a look at my menu - works like a charm!
www.trueinsite.ca/clients/ClaytonParkDental/new/

Yay, thats it working... So when and If my DMX menu gets updated will the css file need changing again is it gonna put the line back into the CSS file?

I have installed the latest version (it adds the line that requires deletion) and I believe you will have to change it every time you set up a new menu (or change the theme).

Maybe Teodor could tell us if a revision will have the sticky mouse-over addressed?