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

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;
}