WordPress主题中的子菜单错误

时间:2018-09-11 00:40:23

标签: css wordpress menu

这里的新手,

我已经建立了一个使用Wordpress主题Proficient(Specia的子主题)的网站。 (在必要时我一直在摆弄代码,但还不多,因为我还在学习。)

但是有一个小故障:在该网站的小屏幕版本上,一个下拉子菜单不起作用。如果将鼠标悬停在插入符号上(或在移动设备上点按它),则会显示子菜单项,但如果您将鼠标悬停在其上,则子菜单项不会保留,或者单击时会加载另一个菜单项(就像它已经折叠并且视图尚未赶上)。这是一个基于Bootstrap的菜单,我对Bootstrap不太了解。下拉菜单项也显示为其他菜单项的另一种颜色-似乎是#777,根据字符串定位器插件,它在Specia的bootstrap.css文件中多次出现。

不确定我应该在此处显示哪段代码,因此我只是使用Safari的Inspect元素将导航的这一部分从网站上移除了。

<!-- /Mobile Display -->

        <!-- Menu Toggle -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

        <ul id="menu-main" class="nav navbar-nav navbar-right"><li id="menu-item-38" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-38 active"><a href="http://sitetest.we.bs">Home</a></li>
<li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><a href="http://sitetest.we.bs/team/"> Team</a></li>
<li id="menu-item-265" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-265 dropdown"><a href="http://sitetest.we.bs/our-expertise/">Expertise <i class="caret"></i></a>
<ul class="dropdown-menu">
    <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="http://sitetest.we.bs/our-expertise/">General</a></li>
    <li id="menu-item-292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-292"><a href="http://sitetest.we.bs/our-expertise/item-1/">Item 1</a></li>
    <li id="menu-item-305" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-305"><a href="http://sitetest.we.bs/our-expertise/item-2/">Item 2</a></li>
    <li id="menu-item-309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-309"><a href="http://sitetest.we.bs/our-expertise/item-3/">Item 3</a></li>
    <li id="menu-item-290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-290"><a href="http://sitetest.we.bs/item-4/">Item 4</a></li>
    <li id="menu-item-289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-289"><a href="http://sitetest.we.bs/our-expertise/item-5/">Item 5</a></li>
</ul>
</li>

(显然,这些不是真正的URL。)

这可能是一个相当棘手的问题,但我将不胜感激。

0 个答案:

没有答案