php - 如何让我的 WordPress 导航链接显示出来?
问题描述
我试图用这个主题替换汉堡菜单,我通过编辑子主题中的样式成功删除了汉堡菜单。我在我的定制器中添加了这些代码,但我的导航链接没有显示出来。我想让导航链接像默认菜单一样处于水平位置。我会很感激一些帮助。谢谢!这是我在定制器中添加的代码:
@media screen and ( min-width: 1024px ) and (max-width: 1281px) {
.menu-toggle {
display: none;
}
.site-logo {
max-height: 100px;
}
.has-site-logo .main-navigation {
height: 100px;
}
.has-site-logo .main-navigation > div,
.has-site-logo .main-navigation > ul {
position: relative;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.main-navigation {
font-size: 0.8125em;
line-height: 2.09231em;
clear: none;
float: right;
max-width: 50%;
text-align: right;
}
.main-navigation ul:first-child {
display: block;
}
.main-navigation ul li {
display: inline-block;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
display: block;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-navigation ul a {
border-bottom: 0;
padding: 5px 0 5px 14px;
}
.main-navigation ul ul {
background: white;
border: 1px solid #eeeeee;
display: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
float: left;
opacity: 0;
padding: 0 7px;
position: absolute;
top: 27px;
left: 0;
text-align: left;
visibility: hidden;
z-index: 99999;
}
.main-navigation ul ul li {
border-bottom: 1px solid #eeeeee;
padding: 5px 5px 4px;
}
.main-navigation ul ul li:last-of-type {
border-bottom: 0;
}
.main-navigation ul ul li a {
line-height: 1.5;
padding: 5px;
width: 180px;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul li a,
.main-navigation ul ul ul li a,
.main-navigation ul ul ul ul li a {
padding-left: 5px;
}
}
这是我添加代码时的样子。汉堡消失了,但我的导航链接不会水平显示。我使用默认的 Wordpress 主题 Scrawl 进行测试。
解决方案
推荐阅读
- web - 通过 .htacess 将开发网站重定向到主网站
- python - 通过命令提示符传递 json
- macos - Anaconda 到 Miniconda 和 $PATH
- c# - 如何在编译时获取所有控制器操作名称(dotnet build)
- groovy - 用于数据库输出的 SOAP UI 上的 Groovy 断言
- vue.js - 谷歌标签管理器按钮
- svelte - 如何从另一家商店获取商店价值?
- javascript - 如何在 react-native android 中发送带有文件的 POST 请求
- security - kafkajs - SASL 身份验证的错误密码未引发错误
- python - TypeError:“类型”对象在使用时不可下标->