css - 移动设备上纯导航菜单背景的 CSS 代码
问题描述
我有一个我目前正在处理的测试页面 - https://www.monofireandsecurity.co.uk/test-page
我希望导航菜单的背景在桌面上是透明的,但在平板电脑和移动设备上是纯色的。我正在使用 Elementors 导航生成器,但我只能为所有三个设备设置一种背景颜色
我试过的代码是:
.header.mobile {背景颜色:#000000;}
但什么也没发生
任何帮助感谢马克
解决方案
您可以为此使用css 媒体查询。媒体查询可以覆盖某些视口尺寸上的样式。
/** 'global' style **/
.elementor-menu .menu-item {
background-color: #000;
}
/** desktop style **/
@media only screen and (min-width: 1024px) {
.elementor-menu .menu-item { background-color: transparent; }
}
推荐阅读
- javascript - JavaScript 在未定义和 null 时验证不同的变量类型
- azure-active-directory - 如何在 ASP.NET Core 中使用 Hangfire 与 Azure 数据库和 Active Directory 密码身份验证
- css - 如何在本机反应中制作一个挖角
- python - 如何将unicode字符串转换为字节Python
- django - 在 html 中进行身份验证的 Django 问题
- javascript - ReactJS:如何处理滚动到同一页面上的某个部分?
- python - 在模板中显示 Django 模型字段
- pine-script - 如何计算自最左侧可见栏以来的百分比变化系列?
- linux - 使用 GitHub Actions 的意外 bash 可读测试结果
- python - 如何使 QComboBox 组互斥?