停用菜单下拉考虑

网站：http://dev5.99medialabtest2.com/bostoncenterless/停用菜单下拉考虑

向下滚动页面，那么“解决方案，以简化制造流程”标题菜单后面去了。然后，将鼠标悬停在“产品&服务”选项卡上（其中有一个下拉列表）。现在，尝试用鼠标指针接管“供应链管理”（出现在灰色的解决方案部分），您将看到下拉列表不会让您去那里。

有人可以帮助解决它吗？

2017-10-19 Hemant

欢迎来到StackOverflow！为了让我们更好地为您提供帮助，能否请您更新您的问题，以便在[**最小，完整和可验证的示例**]中显示**相关代码**（http://stackoverflow.com/帮助/ mcve）在**问题本身**。外部网站可能是恶意的或由过滤器系统标记;用户可能无法访问它们。如果您能让我们知道您迄今为止已经尝试解决您的问题，也会有所帮助。有关详细信息，请参阅有关[**如何提出良好问题**]（http://stackoverflow.com/help/how-to-ask）的帮助文章:) –

哈哈，花了我一段时间来重新创建你的问题。如果您将鼠标从下拉菜单移开较长时间，例如说2秒钟，那么您可以进入“供应链管理”。如果您在离开下拉菜单后立即尝试访问“供应链管理”，则会重新显示下拉菜单。

这是怎么发生的？当下拉菜单消失时会发生转换。我认为问题在于，下拉菜单看起来像是消失了，但还没有完全消失，因此回到几乎看不见的下拉菜单中，它会重新出现。

的CSS导致该问题似乎是这.../wp-content/themes/bostoncenterless/custom.css

/* Sub Menu */ 
ul.navbar-nav > li > ul.sub-menu{ 
    top: 65px; 
    z-index: 111; 
    left: -10px; 
    min-width: 230px; 
    visibility: hidden; 
    opacity: 0; 
    -webkit-transition: all .35s ease; 
    -moz-transition: all .35s ease; 
    -o-transition: all .35s ease; 
    transition: all .35s ease; 
    -webkit-transform: translateY(20px); 
    -moz-transform: translateY(20px); 
    -ms-transform: translateY(20px); 
    transform: translateY(20px); 
    padding-top: 10px; 
    padding-bottom: 10px; 
}

这里是我想尝试

从四个transition指令取出ease。这种转变可能会有“长尾巴”，使其在不方便很长的时间内几乎看不见。
如果这样做不好，您可能需要完全删除转换（删除四个transition和四个transform指令）。你将不再有下拉式的幻想退出，但你也不会再有恼人的用户体验问题。你的决定。
编辑：另一个想法：在上述两次尝试之前，您可以尝试更改visibility: hidden;至display: none;。如果这有效，我会解释它（否则不会）。

来源

2017-10-19 01:09:02 BareNakedCoder

明确提及不要修改原始文件，但用自己的CSS，恕我直言，覆盖它。更好的方法进行维护，在主题更新的情况下.... – Axel

@Axel。同意！我不是一个WordPress的家伙，所以不知道如何的细节，但我同意100％，如果CSS不是你的，不要破解它，重写它。 – BareNakedCoder

这里是一个非常快速和肮脏的破解：'add_action（'wp_head'，function（）{''; }，99）;'。以防万一['wp_enqueue_style（）']（https://developer.wordpress.org/reference/functions/wp_enqueue_style/）。 – Axel

停用菜单下拉考虑

回答

相关问题