Community Forums

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;
}

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;
  }
}

Apologies, looks like I figured out what the problem was.

Turns out I had to give it a base colour, because it defaulted to the primary green colour.

Thank you anyways.