Submenu dropdown on mobile not displayed correctly

[themefisher]

Submenu dropdown on mobile not displayed correctly

[ssojonn]

Hey @lisaschelch
You have to write code on responsive media query

@media (min-width:991px) {
  .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    width: 220px;
    transition: 0.2s;
    left: 50%;
    border-radius: 8px;
    transform: translate(-50%, 15px);
  }

  .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 10px 30px rgba(22, 28, 45, .10);
    transform: translate(-50%, -6px);
  }
}

[lisaschelch]

Thanks for the reply. Unfortunately that did not solve the problem. I removed the display: block; from the dropdown. At least it looks good then. You just have to click the nav item on desktop to show up. But that's better than those gaps in the mobile menu.