Hello

Thank you for your response.

1. That code doesn’t seem to work. The problem I’m having there is that the megamenu disappears too quickly if you want to reach the links on the far left. Is there a way we can delay when the menu disappears?

2. Solved using some CSS:

.blog-article iframe {
  width: 820px;
  height: 461px;
}

3. Solved. Your code works, thank you.

4. Solved – I’ve done a CSS workaround by using:

@media (max-width: 979px) {
  .header_wrapper {
    background: #1c1c1c !important;
  }
  .background--dark header#header .header_tools * {
    color: #FFF;
  }
  .background--dark .mobile_small_menu {
    color: #FFF !important;
  }
  .mobile_small_menu.open::before,
  .mobile_small_menu.close::before {
    color: #FFF !important;
  }
}

Hello,

It’s not really a “bug”, but rather a small usability annoyance. Yes, the menu does stay visible as long as you are hovering over the sub items, etc.

The problem is that if a user wanted to reach a link on the far left, they will move their mouse along the shortest possible route (i.e. straight from ‘Products’ to one of the links on the left side – see this diagram, indicated by red line). This will cause the menu to disappear.

Although I understand this is just how the menu was designed. The only possible workarounds I can think of are that if we could move the menu over to the right slightly OR delay when the menu disappears. Would either of those be possible?

Okay thank you for your help.

I’ve managed to figure out a workaround by using the following code:

nav .codeless_custom_menu_mega_menu:before {
content: "";
display: block;
background: transparent;
width: 100%;
height: 50px;
position: absolute;
top: -35px;
opacity: 0;
}

nav .codeless_custom_menu_mega_menu {
left: -204%;
}

nav #menu-item-73:hover:before {
content: "";
background: transparent;
height: 100%;
width: 114%;
display: block;
position: absolute;
left: -10px;
opacity: 0;
}