如何将word菜单添加到手机大小的wordpress 2014主题中

我的wordpress正在运行2014主题。我希望，我可以添加单词菜单旁边的划线菜单的人谁不知道，行是一个菜单。此带有行的菜单仅在站点大小缩小到移动站点大小时显示。网站是dreamgardens.tlchatt.com。我已经在网上搜索了一下，想弄明白这一点。我设法将自己的标题图像加入主题。看起来这将是一项简单的任务。通过更改style.css，我可以通过两种不同的方式使按钮周围的区域变大。 看起来移动菜单的更改是基于此Javascript进行的

( function( $ ) {
var body    = $( 'body' ),
    _window = $( window );

// Enable menu toggle for small screens.
( function() {
    var nav = $( '#primary-navigation' ), button, menu;
    if ( ! nav ) {
        return;
    }

    button = nav.find( '.menu-toggle' );
    if ( ! button ) {
        return;
    }

我希望手机菜单的右边有文本菜单，就像这个网站一样。我对这段代码理解得不够透彻，无法找到移动设备重新调整代码的位置，并将其修改为包含文本菜单

上面的Java脚本和PHP引用了这个style.css条目

.menu-toggle {
cursor: pointer;
font-size: 0;
height: 48px;
margin: 0;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 48px;
}

.menu-toggle:before {
color: #fff;
content: "\f419";
margin-top: 16px;
}

\f419似乎引用了带有此代码的样式表genericons.css

.genericon-menu:before {            content: '\f419'; }

---

我想知道是否有一个简单的传统代码行，我可以插入某个地方，以放置“菜单”一词附近的移动切换菜单按钮。某种潜台词或什么的就可以了

根据您的网站，它没有响应-所以我假设您没有媒体查询？我可以使用插件库中的“响应式选择菜单”。把它设为768px，你们应该都很好。让我知道您的进展情况：）

这可能不是最优雅的方式，但您需要更改以下第1000-1004行

 .menu-toggle:before {
    color: #fff;
    content: "\f419";
    margin-top: 16px;
}

对此

.menu-toggle:before {
    color: #fff;
    content: "MENU";
    font-weight: bold;
    font-size: 12px;
    margin-top: 16px;
}

---

请记住，这会出现在您的子主题“

style.css

中。不要直接编辑Twenty14主题。

请查看wordpress附带的Twenty14主题。它是完全响应的。菜单按钮的响应性及其显示方式是使用

js

文件夹中的jquery inside

functions.js

完成的。谢谢您的评论，但是如果您查看OP提供的链接，它没有响应。Www.tlchatt.com是的，谢谢你回复该网站主题是有响应的链接是dreamsgardens.tlchatt.com我发送了错误的链接ugg。嘿，还有那个有响应的选择菜单插件看起来很不错，可以解决问题，但是，不管出于什么原因，它根本不起作用。不幸的是，我正在工作，用我的手机回答这个问题。您需要查看

js

文件夹中的

functions.js

，了解如何处理菜单按钮的响应。我不能直接告诉你，但你应该先把你的

functions.js

文件排出来，然后把它复制到你的子主题中，根据你的需要进行修改，然后把它排好。非常感谢，这真的让我省去了很多头疼的事。我将学习更多的css、html、php和Javascript，因此这在未来将不再是一件令人头痛的事。我认为有人对此有相当的了解，可以很容易地找到答案。最后，我将两者结合起来，最终编辑的内容是：“MENU”“\00a0”“\00a0”“\f419”；