Question

在移动设备 (www.tradehounds.com) 上访问我们的 Wordpress 网站时，我注意到右上角的菜单图标根本不再可点击，也无法展开以显示菜单选项卡。注意：我们的桌面站点上没有这个相同的图标，因为桌面更大并显示整个菜单，所以不需要它。

我无法在 Wordpress 中直接编辑我们主题的 HTML，但是我能够编辑 CSS，因此 CSS 解决方案是最理想的。

我们的主题是多年前定制的。此外，我无法在我们的 Wordpress 帐户中的任何位置直接看到编辑“移动菜单”的选项；我已经浏览了 Wordpress 的每个部分，但没有成功。

其他注意事项：我们使用的是最新版本的 Wordpress。所有插件都是最新的。在移动端，刷新/关闭标签/清除缓存并不能解决可点击菜单问题。

我们只需要可以点击移动菜单图标。

以下是整个菜单的 CSS 代码，包括特定于移动设备的代码：

/*Header*/
    
    header .header-top .company-details {
        float: left;
        margin: 0;
        padding: 0 16px;
        width: 100%;        
    }
    
    header .header-top .company-details li {
        float:right;
        font-size:13px;
    }
    
    header .header-top .company-details li:first-child {
        margin-right: 0;
        float: left;        
    }   

    header nav#top-menu-nav, 
    header .primary-navigation {
        float: none;
        top: 5px;
    }   

    header .navigation-wrapper {
        padding: <23></23>px 0;
    }
    
    header .navigation-wrapper .logo-img {
        max-width: 250px;
    }   
    
    header  .mobile-navigation {
        display:inline-block;
        position:relative;
        /* left:27px; */
        top:27px;
        float:right;
        float: right;
        margin-right: 16px;     
    }
    
    header  .mobile-navigation .navbar-toggle {
        margin:0;
         padding:0;
    }
    
    header  .mobile-navigation .navbar-toggle .icon-bar {
        background-color: #000000;
        width: 34px;
        height: 34px;
        border-radius: 0;       
    }``

非常感谢您的指导！

弗兰基

Answer 1

无法访问您的 Wordpress 实施的内部结构，这只是一种预感，但可能值得追求。

暗示可能有问题的事情是您说您使用的是最新版本的 Wordpress，但您的主题是多年前构建的。这可能意味着您加载了一个您的引导程序实现无法处理的 jquery 版本。

我看到了这个错误：

<块引用>

未捕获的错误：Bootstrap 的 JavaScript 需要 jQuery 1.9.1 版或更高，但低于版本 3

它来自引导程序版本 20190403

如果这是问题的原因，您似乎需要更新主题以使用更新的引导程序。

移动网站菜单图标不可点击/无法展开

1 个答案: