我使用的是OceanWP免费WordPress主题, 并且在移动设备上出现标题问题。我使用的标题图片在台式机上看起来不错, 但是在移动设备和平板电脑上却被文字遮住了。我已决定最好的粗略做法是将图像完全隐藏在非桌面上。
我试图在2621行的样式表中添加此代码段:
#site-header {
background-image: none;
}
该代码段位于@media语句中:
@media only screen and (max-width: 959px) {
[...]
}
我还以缩小版本添加了它, 但是图像仍在显示。
谁能看到我做错了吗?还是有其他可行的解决方法?
#1在你的style.min.css中, 转到该媒体查询, 然后将!important添加到背景图像标签中。
@media only screen and (max-width: 959px) {
#site-header {
background-image: none !important;
}
}
另外, 在开发网站时, 请尽量不要缩小CSS和JS。一旦完成所有操作, 就可以更轻松地编写代码和进行调整。
#2你的主题样式将覆盖你自己的CSS文件。尝试更改CSS的加载顺序, 或在background-image:none之后添加!important。像这样:
@media only screen and (max-width: 959px) {
#site-header {
background-image: none !important;
}
}
【如何在WordPress主题中隐藏手机上的图像】顺便说一句, 你好像没有使用儿童主题。如果要在以后更新主主题时保留所有更改, 则可能需要这样做。看看这个以获得更多细节。
推荐阅读
- 如何在WordPress主题的404页面上隐藏/禁用Google Adsense页面级广告( [关闭])
- 如何在WP-admin UI中隐藏高级自定义字段(ACF)()
- 在WooCommerce中如何有两个注册表单(一个给普通客户,两个给会员)
- 如何通过WP_Query将缩略图和标题发布到两个容器中()
- 如何按年份将存档帖子分组
- 如果将它们导出到PHP,如何使WordPress高级自定义字段显示在WordPress仪表板上
- 如何在WordPress中获取用户激活URL()
- 美信科技通过CMMI3级认证,研发能力获国际认可
- ??一起谈一谈js中的宏任务和微任务!??