对于this site 用户似乎很难通过左上角的“数据”下拉菜单找到可访问的网站内容。
为了改进这一点,我希望在默认情况下扩展此下拉菜单,但仅限于首页。
通过this older (not WordPress related) StackExchange question (that is including a JSFiddle) 以及其他一些我学到的应该使用jQuery的注释。我尽了最大努力,但在我的网站上根本无法让它工作。
在JQuery代码中,我必须处理的网站上的CSS元素是什么?我应该把代码放在哪里?有人能帮我吗?
Edit:
非常感谢用户49916!这很有效!我遇到的问题是,默认情况下也会扩展第二级子级。为了隐藏它们,然后仅在悬停时显示它们,我添加了以下内容:
/*Make the drop down menu expanded by default – on the front page*/
.home ul#menu-all-descendants-as-submenus li ul {
left: 0;
}
/*Make the drop down menu expanded by default and hide the sub-children – on the front page*/
.home ul#menu-all-descendants-as-submenus.menu li ul ul {
left: -999em;
}
/*Make the drop down menu expanded by default and show the sub-children on hover of menu – on the front page*/
.home ul#menu-all-descendants-as-submenus.menu li ul li:hover>ul {
left: 0;
}
最合适的回答,由SO网友:snaper9 整理而成
老实说,我认为你可以使用一些自定义css来完成这项工作。Wordpress为主页提供了一个自定义的主页主体类。因此,如果我们使用它,深入css中的第一个菜单,并将其移到视图中,您应该会很好。
.home .menu > li > ul {
left: 0;
}
要获取“数据”链接上的悬停状态,只需使用
.home #header .menu a {
background: #D3D3D3;
}
希望这有帮助!