WordPress中的移动视图徽标背景颜色

时间:2016-10-12 作者:Ankit

我的网站是http://fitnesslover.byethost18.com/

我正在使用店面主题。它完美地显示在桌面上。但在移动模式下,徽标后面的背景色会消失。它采用菜单的背景色(白色)。我想要的背景色背后的标志,因为它是在桌面和背景色为白色的菜单。就像桌面上显示的一样。

我该怎么做?

我在我的子主题中添加了一些css代码

/* Super menu underline color */

.main-navigation ul li:hover > a {
border-bottom: 4px solid #96588a;
}

/* Sub menu background color */

.menu li li {
background: #c7c7c7;
background-image: none;
border: 1px solid #e5e5e5;
color: #444;
filter: none;
margin: -1px 0 1px 0;
width: auto;
}

/* Reducing header height */

header#masthead {
padding-top: 20px;
}

/* Centering of logo and secondary navigation menu */

nav#site-navigation {
padding-top: 0px;
}

/* Super menu background color */
.storefront-primary-navigation{
background: white;
}

1 个回复
SO网友:Rishabh

要更改移动视图中的css,您需要@media 在你的css中。应用于移动视图使用@media 如下所示

@media screen and (max-width: 768px) {

    Put your classes and IDs here

}
上述代码将使您的css仅适用于宽度最大为768px的设备。

您可以将其用于min-width 也像这样

@media screen and (min-width: 768px) {

    Put your classes and IDs here

}
上述代码将使您的css仅适用于宽度最小为768px的设备,换句话说,宽度必须大于768px。

在你的情况下,你想改变标志的背景,然后把你的标志class/ID 在里面@media 并选择所需的属性class/ID. 如果它不符合您的属性,请尝试使用!important 有这样的财产background: #fff!important;