Navigation items are displaying on top of submenu when the navitation wraps

[iMusician]

On smaller screens (like the iPad) the navigation wraps to a second line. If there is a submenu when hovering over a navigation item, the main navigation on the second line is showing on top of the submenu, making it unreadable. See the attached screenshot.

[Cosmin – SUPPORT]

Hi,

Your logo is too wide and the menu has too many items in it for the latter to display properly. I would adjust one of them, as at that resolution, there isn’t really a way around it, unless you want the menu items to have a smaller font.

Regards,

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

Cosmin
Support Assistant

[iMusician]

I understand that it will wrap and that isn’t ideal, but the navigation items shouldn’t show on top of the sub menu should they?

[Cosmin – SUPPORT]

You’re right, they shouldn’t. It can be fixed by setting a higher z-index value, like so (custom CSS in the theme options):

.menu li ul {
  z-index: 999 !important;
}

Regards,

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

Cosmin
Support Assistant

[iMusician]

As far as I can tell that element is already set with a z-index of 9995, which is why I am confused. The main nav is set to z-index:1, so it should be above it already.

[Swift Ideas – Ed]

Hi there,

Can you provide a link so that I can take a look?

– Ed

[iMusician]

http://www.imusiciandigital.com/

[Swift Ideas – Ed]

We’ve fixed the issue you’re having in an update – this was a bug. Are you able to update?

At minimum, the issue was resolved in the style.css/functions.js files

– Ed