CSS Mobile菜单设计

Question

你好，谢谢。

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

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

有什么想法吗？

谢谢您的帮助。

Answer 1

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

#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;
    }
}

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

更新：下拉菜单的背景

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