Submenu problems

[pai]

Hi!
Submenu works fine in fullscreen and mobile mode, but when you use narrower screen, there’s a problem: submenu goes under the main navigation and it’s impossible select any sub-page.
Please, tell me a solution, if possible. I’m not good at coding, but understand how to do custom css.
See my screenshots about this situation.

Best regards,
pai_vi

[Swift Ideas – Ed]

Hi there,

Can you please provide a link? We’ll take a look.

– Ed

[jimmywhale]

Hi There, I am experiencing the same issue where the sub-menus do not show for the responsive menus.

http://resiliencelaw.org/

Do you have any advice ?

Thanks !
James.

[Cosmin – SUPPORT]

Confirmed – looks like z-indexes are not being taken into account at smaller desktop resolutions, and the sub-menus show up underneath a main menu item.

Ed, can you please take a look? I’ve tried playing with positioning and z-index but seems this doesn’t affect it in any way.

Regards,

————————————————————————————————————

Cosmin – Support

[Swift Ideas – Ed]

@jimmywhale – add the following to the custom css box within theme options:

@media only screen and (max-width: 767px) {
nav .menu ul li a {
color: #1e4c6b;
}
}

For both of you, can you try using the following custom css to fix the layering issue:

nav .menu li:nth-child(0), nav .menu li:nth-child(1), nav .menu li:nth-child(2) {
z-index: 4;
}

– Ed

[jimmywhale]

Perfect thankyou ! Worked a treat.

[Melanie – SUPPORT]

Fantastic, glad to hear that!
Thank you for posting back and let us know if there’s anything else we can do.

All the best!