Menu bug

See the screenshot.

Capture.jpg

The blue area is a submenu of "Artiklar". If I move my mouse pointer over the red area the submenu for "Artiklar" drops down. It should only drop down when you hold your mouse pointer over "Artiklar".

You can see the problem live here on my site: http://www.fotoforalla.se

Could you tell me what browser you use ? Because I've checked your site on Opera and Chrome and don't see this problem and I've rolled down this menu several times.

You must be doing it wrong since I have tried it in IE9, Firefox 11 and opera 11.61 and I get the same bug in all of them.

You need to move around your mouse pointer in the red area just below the menu items "Medlemskap and "Forum". If you do that the sub menu for "Artiklar" will show up.

Always when I try to get help here I get one answer in my thread but after that I get no more help even if the problem isn´t solved. What kind of support is that?

I'll prepare a screencast for you.

This is an active part for this menu item >> https://skitch.com/bkrztuk/8tctd/zrzut- ... o-16.31.08 and if you want to decrease this area I can give you code but please notice that this is the way how it is implemented in our templates, you can't make only menu item letters to be active it need to be some area with margin/padding to avoid drop down/up effect.

This is an active part for this menu item >> https://skitch.com/bkrztuk/8tctd/zrzut- ... o-16.31.08 and if you want to decrease this area I can give you code but please notice that this is the way how it is implemented in our templates, you can't make only menu item letters to be active it need to be some area with margin/padding to avoid drop down/up effect.

Yes that is the area where it is supposed to be active. But it is also active just below several other menu items. If you move your mouse below the menu items "Medlemskap" and "Forum" the sub menu for "Artiklar" activates and that is not right.

Do you understand what I mean?

I'm looking for solution because it is related with this custom font, this affect to menu bar height and other parts, do you have this effect on our demo server ? I've checked this and looks like in demo template it is working properly.

I'm looking for solution because it is related with this custom font, this affect to menu bar height and other parts, do you have this effect on our demo server ? I've checked this and looks like in demo template it is working properly.

Yes it is working properly on your demo page but that is beacuse I think you don´t have the latest version of the template on your demo page. I have the latest version of the template on my page.

This problem appeared after I updated my template a while ago.

Can you fix the problem?

Ok, I've got soluton please add this code to override css :

div.gk-menu > ul.level0 > li > a {margin: 9px 0 !important}
div.gk-menu > ul.level0 > li {margin: 0px !important}

and let me know about results.

Yes it worked, but the dotted lines between the menu items are now to long, see here:

http://www.fotoforalla.se

(I tested in IE9 and FF11)

And I just discovered now that the code didn´t work. Now the sensitive area have just been moved slightly down. It still reacts in the wrong places just a little bit lower then before.

(I removed the override since it didn´t look so good and didn´t work)

Please try with this:

Code: Select all

div.gk-menu ul.level0 > li > div.childcontent, div.gk-menu ul.level0 > li > div.childcontent div.childcontent {padding:0!important; margin-top: 8px!Important}

on FF this code fix problem

Yes that solved the problem!