I just upgraded to the 1.8 version and the dropdown menus are very erractic. First the dropdowns are translucent and allow the labels behind to show through. Also, trying to click on a dropdown link selects the main menu link behind. I am using the Firstchild module too. Dropped back to 1.7.

CommentFileSizeAuthor
#7 layering menu.gif92.72 KBmheinke

Comments

mheinke’s picture

mheinke commented

are you sure that we did not add something that just hurt the compatability between the theme and the first child module?

i have several sites running this and have yet to have the issue.

if you can tell me what is breaking and for what browsers id be happy to take a look :)

brussam’s picture

brussam commented

I have a testing site and close to production site. The close to production site is using First Child module. Test site is not using the First Child Module. I dropped the near to production site back to 1.7 so this issue is just the Professional Theme.

The translucent (The Main Menu shows through) drop-down menu shows up on IE10, IE8, FF 22 (Aurora), FF 18, and Chrome. On all five, when you move the cursor down to select a drop-down link, you lose the drop-down and the Main Menu link underneath gets highlighted.

You should be able to see the effect at support.retamavillageac.com, the Modules link witthout having a login.

mheinke’s picture

mheinke commented

that is really strange, in your menu the "Upcoming Events View" is seen through the "modules" drop down...there is no translucent properties involved. i have yet to see that. in any of my tests...

i really need to rewrite the menu system, it has quite a few bugs, i fixed a few of them with 1.8 but still more are around...

if you have any fixes, please post them

mheinke’s picture

mheinke commented

after some evaluation i found the issue.
line 404 in the style.css: 

list-style-image:url(none);

thats causing issues in non IE browsers.

remove that and you should be set.

a TODO for myself is to make an "if ie" style sheet

brussam’s picture

brussam commented

I deleted line 404 in style.css and saw no change in what I observe in IE10, FF 22 and Chrome.

I guess translucent was the wrong term to use. It is a layers issue. I Upcoming Events view text in the Main Menu is appearing on top of the Modules drop-down background but behind the drop-down text.

The visual isn't a killer, the cursor leaving the drop-down menu as you transverse below the Main Menu tab is. The layers issue is probably what causes this, the cursor isn't on the drop-down, it is still on the Main Menu level.

mheinke’s picture

mheinke commented

hmmm that fixed it for me...

how about the line above it as well?

z-index:100;

mheinke’s picture

mheinke commented
StatusFileSize
new layering menu.gif92.72 KB
brussam’s picture

brussam commented

That fixed it on IE10, FF22, and Chrome.

brussam’s picture

brussam commented

I went and upgraded my near production site to 1.8 and then just removed just the "z-index:100;" line and that alone seems to fix the problem. This was the site that used First Child module.

mheinke’s picture

mheinke commented
Issue summary: View changes
Status: Active » Closed (fixed)