我在以下wordpress网站上有一个导航栏:http : //tarjom.ir/demo/pwp
这个导航栏有两个主要问题:
1-我无法在中间垂直对齐。
2-有一个div
包装器作为<ul>
标签的父级,我无法将其删除。但是我已经设置了'container' => ''
,但是它不起作用。
<!-- Navigation bar-->
<div id='wp_nav_section' class='grid-100 black-gray-bg font-roya' style='min-height: 100px; display: block;height:100%;'>
<?php wp_nav_menu(array("container" => 'nav')); ?>
</div>
<!-- End of navigation bar. -->
这是我的wordpress导航代码:
这是我所有与wordpress导航相关的CSS:
.menu
{
height: 65px;
min-height: 60px;
padding: 0px;
text-align: right;
background-color: #111;
margin-bottom: 10px;
}
.menu ul
{
direction: rtl;
width: 70%;
margin-right: auto;
margin-left: auto;
overflow: hidden;
height: auto;
padding-top: 0px;
}
.menu li
{
padding: 0px 0px;
display: inline-block;
}
.menu li a
{
color: white;
text-decoration: none;
display: block ;
height: 45px;
background-color: black;
border-right: 2px #333 solid;
padding: 16px 7% 3px 3%;
box-sizing: border-box;
width: 100px;
margin: 0px 0px;
font-size: 110%;
}
.menu li a:hover
{
background-color: #333;
border-right: 2px #F90 solid;
}
我需要<ul>
标签在<div>
包装中垂直居中。
提前致谢。
从.menu{}
班级上移开身高。这将解决您的垂直对齐问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句