CSS 移动菜单设计

Question

您好，提前致谢。

我正在努力使用正确的 CSS 代码来仅更改移动菜单颜色...

我想更改（仅限移动设备，不影响桌面站点）占位符文本以及下拉菜单文本和背景。

有什么想法吗？

感谢您的帮助。

Answer 1

在 your css file 中，您必须覆盖或更改此 class（这会导致导航链接在汉堡菜单上消失：

#header .stm-header .stm-header__cell .stm-icontext__text, #header .stm-header .stm-header__cell a:not(.stm_btn) {
    color: #26211d!important;
}

你可以做到：

@media screen and (max-width:1023px) {
    #header .stm-header .stm-header__cell a:not(.stm_btn) {
            color: #fff !important;
    }
}

除了颜色 属性，您还可以更改其他方面（背景、边框、填充、边距等）

更新：下拉菜单的背景

.stm-header__hb .stm-navigation__default>ul>li ul.sub-menu {
            background: lightblue;
    }