手机导航菜单背景的CSS代码

Question

我目前的工作是- https://flyboats.tech

我正在使用Elementskit导航构建器，我想将移动和平板电脑设备导航菜单的背景颜色设置为黑色

已经存在的代码如下：

    margin-top: 6px;
}
@media (max-width: 1024px){
    .ekit_menu_responsive_tablet .elementskit-submenu-indicator {
        border: 1px solid transparent !important;
    }
}
body, .dark-mode .ts-author-media, .dark-mode .ts-author-content::before, .dark-mode .ts-author-content::after, .dark-mode .post-layout-style4 .post-single .entry-header {
   background-color: black;
}

Answer 1

检查手机和平板电脑的像素。看看最大像素是多少(例如: 991px)，然后只需说出你想要更改的确切部分，或者只是为那个黑色背景颜色添加一个类。

示例: color-bl。并且使用background-color:black !important;你想要改变很多类的颜色。而不是尝试更改一个类，以及如何反转它？很简单，你甚至不需要这样做。这些媒体查询仅在给定像素之后或之前工作。但是不要在其他类的元素中使用!important