html 下拉菜单在 wordpress 网站中不起作用

Question

我有一个 wordpress 网站，thenter link description here

网站页脚中有一个部分，如下图所示：

我想将此部分设为下拉菜单，因此我对此部分添加了以下更改：

        .dropdownme {
  position: relative !important;
  display: inline-block !important;
}

.dropdownme-content {
  display: none !important;
  position: absolute !important;
  background-color: #f1f1f1 !important;
  min-width: 160px !important;
    height:500px !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
  z-index: 9999999 !important;
}

.dropdownme-content a {
  color: black !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  display: block !important;
}

.dropdownme-content a:hover {background-color: #ddd !important;}

.dropdownme:hover .dropdownme-content {display: block !important;}

.dropdownme:hover .dropbtnme {background-color: #3e8e41 !important;}

<div class="ltx-footer-social" id="naari" style="margin-top:10%; ">
<div class="container">
<div class="row ">


<div class="col-lg-3 col-md-6 col-sm-6 dropdownme">
<div class="col-lg-3 col-md-6 col-sm-6 dropdownme">
<a href="#" target="_blank" class="item dropbtnme" data-mh="ltx-social-footer" style="height: 98px;">
<span class="icon fa fa-map-marker"></span>
<span class="header">Wanna Reach Us?</span></div>
 <div class="dropdownme-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>

</div>
</div>
</div>

当我在网站之外的部分，在一个简单的页面中，它工作正常，但是当添加到网站时，下拉功能不起作用，任何人都可以帮忙，thans advance

Answer 1

网站上的风格与您在这里发布的不一样。 .dropdownme-content定义为

.dropdownme-content {
    display: block !important;
    position: absolute !important;
    background-color: #f1f1f1 !important;
    min-width: 160px !important;
    height: 500px !important;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%) !important;
    z-index: 9999999 !important;
}

所以它已经默认设置为 display: block。在这里，您发帖说它是 display: none !important。删除 display: block 时悬停对我有用。

另外，减少important的使用。很好 css 不应该真的需要它，它有一天会给你带来很多问题，或者它实际上可能是它已经失败的原因。

Answer 2

.vc_section Class 溢出隐藏。这就是为什么你的下拉列表不是 showing.If 你修复了这个 class 然后你的问题就会解决。

html 下拉菜单在 wordpress 网站中不起作用

html dropdown not working in wordpress website

html

css

php

wordpress

dropdown