Dropdown menu disappears when hovering to it

• 

  jonnyium · Member · Aug 15, 2021 at 6:03 pm

  • Copy link
  • Add topic to favorites

  Hi,
  When over to ‘FURNITURE’ on my site. My dropdown disappears unless I hover very fast. Can help me with this? Here is my CSS code. Please help!!!!

  https://outpostoriginal.com

  .btn.account:hover ul.account-menu {
  display:block;
  }
  .button.login {
  font-weight: 500 !important;
  }
  .composite_component {
  background:transparent !important;
  }

  label.trigger {margin-bottom: 0;}

  .modal {
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .modal .background {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  }

  .modal-inner {
  width: 50%;
  padding: 4%;
  background: white;
  border: 2px solid var(–primary-color);
  position: relative;
  box-shadow: 1px 1px 15px rgba(0,0,0,.15);
  }

  .modal-inner .x {
  position: absolute;
  top: 5%;
  right: 5%;
  transform: rotate(45deg);
  cursor:pointer;
  }

  .modal-inner .x:hover {
  color: var(–primary-color);
  }

  .modal-input:not(:checked) ~ .modal {display:none}

  .modal-input {display:none !important;}

  ul.account-menu {
  display: none;
  list-style: none;
  background: #fff;
  padding: 4% !important;
  border: 2px solid var(–primary-color);
  box-shadow: 1px 1px 15px rgba(0,0,0,.15);
  position: absolute;
  top: 3.3rem;
  z-index: 9;
  right: 6.5%;
  }
  .ur-frontend-form {border:none;}

  }

  .woocommerce-tabs {
  display: none;
  }

  Site: https://outpostoriginal.com.
  WP.com: Unknown
  Jetpack: Unknown
  Correct account: Unknown

• 

  aleone89 · Staff · Aug 16, 2021 at 9:41 am

  • Copy link

  Hello there,

  It looks like this is a third party theme on a self-hosted WordPress site, so we wouldn’t be best placed to provide CSS here.

  I would advise seeking out the theme developers here: https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319/support as they could advise on how best to resolve that for you.

  I hope this helps.