我需要在编辑通过额外的CSS移动导航栏的颜色的帮助

我使用的是新闻卡主题，因为我得到了免费版本，我使用了额外的CSS字段来定制网站的颜色。（通常，这只能在主题的专业版中完成）由于我不是开发人员，我从教程中挑选了一段代码，选择了我的颜色，编辑了它们，除了一件事之外，一切都很顺利。对于移动和平板电脑版本，导航栏仍具有默认的主题颜色。除此之外，这些显示器上的所有其他颜色变化都正常

有人能帮我吗？我将从下面的附加CSS字段粘贴代码

@import url('https://fonts.googleapis.com/css2?family=Piazzolla:wght@500&display=swap');

* {font-family: 'Piazzolla', serif;}

/*** Top Bar ***/
.info-bar {
    background-color: ;
}

.info-bar ul li, .info-bar .social-profiles ul li a, .info-bar .infobar-links ul li a {
    color: #fff;
}


/*** Nav Bar BG Color ***/
.navigation-bar {
    background-color: #FF5533 !important;
}

/*** Home - Titles ***/
h3.stories-title, .stories-title {
    border-left: 4px solid #FF5533;
}

/*** Home - Post Titles ***/
.post-boxed .entry-title, .post-block .entry-title, .post-boxed.main-post.inlined .entry-title {
    font-weight: 500;
}

/*** Home - Widget Titles ***/
.widget-title {
    border-left: 4px solid #FF5533;
}


/*** Home - Just Img ***/
.post-img-wrap .entry-meta .cat-links a {
    background-color: #1e1f1e;
}

/*** Home - Img + Title ***/
.post-img-wrap + .entry-header .entry-meta .cat-links a {
    background-color: #1e1f1e;
}

/*** Home - Cat Text ***/
.entry-meta .cat-links a {
    color: #ef3f49;
}

/*** Home - Search Button ***/
.btn-theme {
    background-color: #1e1f1e;
}

/*** Single Posts - Body & Title ***/
.entry-content p {
    line-height: 1.8;
    margin-bottom: 15px;
    font-family: ;
      font-weight:300;
        color: #000;
    font-size: 1em;
}

.entry-header h1.entry-title {
    font-size: 35px;
    font-weight: 500;
    color: #333333;
    margin: 0 0 10px;
    font-family: 'Piazzolla', serif;
}
h1, h2, h3, h4, h5, h6 {
        font-family: lato;
}

/*** Category Page Post Title***/

.entry-header h2.entry-title {
    font-size: 20px;
        line-height: 1.3em;
        font-weight: 500;
    color: #333333; }

/*** Sidebar ***/
.post-boxed.inlined .entry-title, .post-block .entry-title {
    line-height: 1.2;
    font-weight: 400;
    font-size: 17px;
}

.post-col .entry-meta .cat-links a {
    font-weight: 400;
    font-size: 12px;
}
/*** Mobile Nav Bar ***/
@media (max-width: 767px) {
.navigation-bar {
    background-color: #FF5533 ;
}
}

---

试着把它去掉！规则中的重要标志：

/*** Nav Bar BG Color ***/
.navigation-bar {
    background-color: #FF5533;
}

否则，将该标志也添加到媒体查询内的规则中

/*** Mobile Nav Bar ***/
@media (max-width: 767px) {
    .navigation-bar {
        background-color: #7799BB !important;
    }
}

---

试着把它去掉！规则中的重要标志：

/*** Nav Bar BG Color ***/
.navigation-bar {
    background-color: #FF5533;
}

否则，将该标志也添加到媒体查询内的规则中

/*** Mobile Nav Bar ***/
@media (max-width: 767px) {
    .navigation-bar {
        background-color: #7799BB !important;
    }
}

---

我刚刚注意到你在两条规则中指定了相同的颜色。请将手机导航栏中的背景颜色更新为你想要的颜色。我输入的任何颜色都将始终保持手机和平板电脑的默认颜色。即使当我有了这个机会！这两个地方都有重要的命令，无论是在哪一个地方，还是在其中一个地方，都是一样的。其他颜色都可以更改，没有任何问题。我刚刚注意到，您在两条规则中指定了相同的颜色。请将移动导航栏中的背景颜色更新为您想要的颜色。我输入的任何颜色都将始终保留移动和平板电脑的默认颜色。即使当我有了这个机会！这两个地方都有重要的命令，无论是在哪一个地方，还是在其中一个地方，都是一样的。其他颜色都可以更改，不会出现任何问题。