Problem with Horizontal Menu Submenu in Joomla 3.6.3

Hi,

Try to set the high z-index value for the Header, it works fine on my side, but may be working different on your site with your content.

Sincerely,
Hella

What should it be set to?

Hi,

Please see the attached screenshot:

This should help.

Thank you,
Olivia

Hello,

I'm having the same problem. I've never had this happen with Themler before, is it a bug that has been introduced?

I have followed the instructions, apart from two differences:

• My header has 3 sections, the first contains a topbar with a menu and social links, the second is empty (will explain further down) and the third had a logo, textbox with phone number, searchbox and a hamburger type menu at the end.
• Instead of setting the entire header z-index 100 I had to set the topbar section z-index 100 as the logo in the section below kept appearing over the top of the submenu even if I set the z-index to -1 and position to relative on all of them. Setting it to -1 also had the unfortunate side effect of making the logo disappear under the section.
• After setting the topbar to relative and 100 z-index then I realised that the entire page content below the header was also covering the submenu items. This was on every template. Selecting content and sidebars and setting them to relative position and -1 z-ndex fixed this but I had to do it on every template grr
• However Just when I thought I'd got it all sorted then I realised that even though the submenu was now appearing on top of everything that if you try to hover over it it disappears!

I'm tearing my hair out now with this...

• as mentioned above the reason that I have an empty section sandwiched between the other two is that if I remove it all the containers in the layout of the section below messes up, jumbled everywhere. I have no idea why. I've inspected both sections, the middle one is completely empty and the only setting on it is height to auto.

Any insights on this please? I'm tearing my hair out here.

Best regards,
Angela

I'm having the same problem. I have followed this thread and tried to apply all suggestions without any success. Please see the attached screen shot. The submenu disappears after the first Item hover.
So in other words when I go to hover over the second item the whole submenu disappears.
I tried to change the Z-index as specified in the other posts without any resulting changes.

Please advise how to fix this.

l.fleisch,

We already answered you in your private topic.

Thank you,
Olivia

Hi, I´m having exactly the same problem and the "z-index" suggestion didn´t work for me. As a review of the problem:

"The submenu disappears when I move the cursor past the first submenu item, making it impossible to click on the items below the first item. The second problem is that the submenu shows up behind other sections on pages, such as behind the slider on the homepage, and behind the content on other pages" (JEMmarketing).

It´s urgent for me to solve this issue. Thanks.

PD:. By the way, I have this problem in Wordpress too.

Last edited 28 July 2017 by jcamino

Hi,

Usually the problem is solved by setting the position option for the Header control to relative and z-index to 1000. If that does not help, create a private post with the access to the site back end.

Sincerely,
Hella

Yes, that solved my problem. Thanks you very much for your support.

Hi,

You're welcome!
Please let us know if you need our further assistance.

Thank you,
Themler Team