将响应式菜单拆分为两个颜色

Question

这是我正在http://www.jokerleb.com/上工作的网站,我正在使用这个免费版本的https://responsive.menu.它将出现在400px及更小的设备上.

如何将其列拆分为2如此？

如果首先可能的话,不知道如何编辑CSS以使其看起来正确.

Answer 1

将这些行添加到您的代码中:

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

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

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

这个对我有用.