Php 将响应菜单拆分为两个列

这是我正在开发的网站，我正在使用这个免费版本。它将出现在400px及更小的设备上

如何像这样将其列拆分为2列

如果可能的话，我不知道如何编辑CSS使其看起来正确。

您会想使用它，所以类似这样的东西应该可以帮您：

<style>
@media screen and (max-width: 400px) {
     #responsive-menu-container li.responsive-menu-item {
         width: 50%;
         display: inline-block;
     }
}
</style>

---

将以下行添加到代码中：

@media screen and (max-width: 400px){
    #responsive-menu-container{
        width:100%;
    }

    #responsive-menu {
        display: flex;
        flex-wrap: wrap;
    }

    #responsive-menu li{
        width:50%;
    }
}

---

这对我很有用。

你真的想把这篇文章发布在StackOverflow上，这是这篇文章的姊妹站点。因此，处理一般编程问题以及CSS等。这个网站是专门为WordPress开发的。@belinus我把它标记为迁移，谢谢你通知我，版主会看一看，然后决定你现在使用的代码是什么？您只需要在响应菜单中创建两列，并在“免费”示例中滑出？尝试在css中使用媒体查询取决于您的设备width@MichaelCoker示例没有提供如图所示的设计，我不知道代码在哪里，很难在inspect元素中找到css。插件没有说muchdon不知道代码在哪里，很难在inspect元素中找到css。插件没有说太多这是您试图编辑的

菜单标题

列表？如果是这样，我在

@media

部分中有

.row

，我会用

#菜单头li替换它。菜单项

我试过了，它当前在css中，我在

@media屏幕中使用了它，但（最大宽度：400px）

没有work@Lynob我更新了我的答案，并附上了一张截图。

@media screen and (max-width: 400px){
    #responsive-menu-container{
        width:100%;
    }

    #responsive-menu {
        display: flex;
        flex-wrap: wrap;
    }

    #responsive-menu li{
        width:50%;
    }
}