媒体查询网站上的特定元素

Question

在移动设备/平板电脑或更小的屏幕上查看我的网站时，我正在为正确的CSS编写媒体查询。

我的网站完全是移动设备，但我已经为菜单按钮创建了一个顶级绿色栏。这没有响应，我无法弄清楚如何在较小的屏幕中查看网站时为菜单按钮创建两行。

这就是我所拥有的。

@viewport {
width: device-width;
}

@media only screen and (min-width : 375px) and (max-width : 667px) {
.secondary-menu {
    display: flex;
    flex-direction: row;
    text-wrap: wrap;
    }
}

我想在CSS中的样式表编辑器中添加代码，因为这是我知道如何进行编辑的唯一地方。非常感谢任何帮助 谢谢