我在wordpress主题中添加了以下自定义CSS,以更改网站移动版菜单的位置:
@media (max-width: 767px) {
.mob-nav {
top: 25% !important;
}
然后,我添加了此代码,以调整网站完整桌面版徽标的边距:
@media (min-width: 992px) {
.right-menu .logo img {
margin-top: -15px !important;
}
@media (min-width: 768px) {
.right-menu .logo img {
margin-bottom: -5px !important;
}
当我添加第二位代码时,它会覆盖我为菜单添加的CSS。我知道他们在某种程度上是冲突的,但我不知道如何解决它。
由于
答案 0 :(得分:2)
试试这个:
@media (max-width: 767px) .mob-nav { top: 50% !important; }
@media (min-width: 992px)
{
.right-menu .logo img
{
margin-top: -15px !important;
}
}
@media (min-width: 768px)
{ .right-menu .logo img
{
margin-top:0px !important;
margin-bottom: -5px !important;
}
}
答案 1 :(得分:1)
我得到了它,我将代码的顶部更改为:
@media (max-width: 767px)
{
.mob-nav
{
top: 25% !important;
}
}
我猜它错过了{before .mob-nav
感谢您的帮助!