Wordpress 子菜单无法在手机上正确显示

Question

我的 wordpress 网站的菜单在手机上显示不正确。当我点击菜单然后从中选择子菜单时，子菜单不会在主菜单下方打开（作为下拉菜单），但它会隐藏在右侧。子菜单在计算机/笔记本电脑屏幕上正常工作，但在手机上出现问题。这是截图：

以下是子菜单分栏的代码：

.sub-menu { 
    width: 480px;
    display: grid; 
    grid-template-columns: 1 1; 
}


.sub-menu-columns ul.sub-menu li {
float: left;
width: 50%;
}



.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
}


.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}

菜单网页链接： nawishta.com

Answer 1

在移动设备上（您已经为此学习了一门课程），您可以重置无序列表的宽度：

.mobile-menu .item-active > ul { width: auto; }

如果不起作用，请尝试添加!important，例如width: auto !important;。