I have installed the Special Menu items module and defined a menu, one of whose elements is a parent.

On my home page, when I hover over the parent the child menu appears OK. (Home_Page.jpg)
And when I move the mouse pointer down the child items I am able to select any item.

HOWEVER, when I go to ANY other page on the website, hover over the parent item and then slide down the child items:-

1. The sub-menu appears opaque. (Contact_Page.jpg)
2. As soon as I slide below the first child item, the entire sub-menu disappears.

TRY IT FOR YOURSELF:-

1. Go to www.ihtshelter.com

2. Move mouse over "ABOUT" menu item. Slide down the child items.

3. Select any other page via the menu e.g. "CONTACT".

4. Repeat Step 2 above. As soon as the mouse moves below "About us", the sub-menu will disappear.....

CommentFileSizeAuthor
Contact_Page.jpg95.13 KBjonleigh
Home_Page.jpg143.24 KBjonleigh
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jonleigh’s picture

jonleigh CreditAttribution: jonleigh commented

I have got round this problem by removing the line "z-index: 999;" from #divider in style.css

Is there a more robust solution ?

Deaf Guy’s picture

Deaf Guy CreditAttribution: Deaf Guy commented

Hi - yeah I noticed when I take out the Z=999 it fixes the problem but then the shadow does not appear on the home page - only the secondary page.

Has the author of the theme offered any fixes? This is a great theme BTW.

VM’s picture

VM CreditAttribution: VM commented

Has the author of the theme offered any fixes?

based on the full issue list and the date of the 1.0 release and -dev .... no.

VM’s picture

VM CreditAttribution: VM commented

Ujval Shah’s picture

Ujval Shah CreditAttribution: Ujval Shah commented
Status: Active » Closed (fixed)

Solution:

- Apply following changes in the style.css

1. Replace below css for #divider Line Number : 339

#divider {
  background: url("../images/shadow-bottom.png") no-repeat bottom center;
  height: 49px;
  position: absolute;
  width: 1100px;
}

2. Add below CSS :

.front #divider {
  z-index: 999;
}
Deaf Guy’s picture

Deaf Guy CreditAttribution: Deaf Guy commented

Thank you so much, Ujval. I'll try this fix out. I actually cheated and found another way to fix it with the slide graphics. By the way, you did a wonderful job on this Bluez theme :-) i'm so glad I found it because now I can move forward with my work using Bluez. When we launch the new site, I will share it with you.

Thanks again...

youdam94’s picture

youdam94 CreditAttribution: youdam94 commented

"hello Ujval i have the same problem, I remove the line of css "339 

.front #divider {
  z-index: 999;
}

and my problem persists. It happens when I 'm in the home page, the submenu is fine, but if I go to another page after the second link the menu go up and disappears , I need help please ...

Thank You"

"Español"

" hola Ujval Tengo el mismo problema, retire la línea de css #339

.front #divider {
  z-index: 999;
}

y mi problema persiste Sucede cuando estoy en la página principal , el submenú está bien, pero si me voy a otra página después del segundo enlace del menú sube y desaparece, necesito ayuda por favor ...

Gracias "

Yoshua Alfaro desde Costa Rica / From Costa Rica