navigation menus overlapping and not working

[eaa]

Hi Swift Team,

Experiencing a significant navigation menu issue:
> When the top and main navigation menus create two rows in responsive mode (with browser windows scaled down on computer or when in portrait view on android tablet), the drop down navigation on the upper row overlaps the second row navigation and they stop working. As well as not working, the drop down menu blends in visually with the 2nd row making it nearly unreadable.

Tested it on Chrome and Firefox and android tablet and issue is consistent.

Thank you much for your help.
– eaa

[eaa]

This reply has been marked as private.

[laranz – SUPPORT]

Hi,

1. It is happening if the menu is big, also happens in the demo. I will let the developer to know about this issue.

2. I think those are happens only when you logged in, can you send me a WP Login details, so I can check it out?

Thanks,
laranz.

[eaa]

This reply has been marked as private.

[laranz – SUPPORT]

Hi,

The developer will reply you soon.

Thanks for your patience.

[thosch71]

Hi there,

I had the same problem (whether logged in or not 😉 ). I got this fixed adding some z-index CSS to the menu:


ul.menu li:nth-child(1) {
z-index: 2000;
}
ul.menu li:nth-child(2) {
z-index: 1999;
}
/*.... and so forth... depending on how many menu items you have*/


Cheers ,

thosch

[Swift Ideas – Ed]

@thosch71 – thanks for the fix!

– Ed

[eaa]

Thanks much for the fix and support!

– eaa

[thosch71]

No problem… I know btw. that the implementation via custom CSS box is rather rugged, but I try to avoid messing around with the themes core code. It is certainly more elegant to implement this within the loop that creates the menu, but I guess I leave that to the pros at Swift Ideas. 🙂

Cheers,

thosch

[Melanie – SUPPORT]

Great!