如何扩展下拉菜单以适合列表项目

Question

当您将鼠标悬停在较小的屏幕尺寸时，“项目”下拉菜单中的列表项（处理和iOS）将被切断。它们还与其他菜单项重叠。请查看https://willhay.io/masonry。如何才能使它们不被切断并且不与其他菜单项重叠？另外如何在悬停时删除菜单按钮的灰色背景颜色？谢谢您的帮助。

Answer 1

将此代码附加到@media（max-width：798px）

.noStyle {
    background-color: #888;
    width: 40%;
    right: 40px;
    position: absolute;
    top: 40px;
}
.noStyle > li {
    display: inline-block;
    width: 100%;
}
.noStyle > li > ul {
    position: inherit;
    width: 100%;
    padding: 0;
    margin: 5px 0;
    background-color: #444;
}