css - 子菜单箭头未在移动设备上显示

Question

我们homepage 上的菜单有一个问题，有时子菜单箭头不显示在移动设备上。这可以防止用户看到子菜单中的多个页面；单击箭头所在的位置将我带到主菜单页面(即“商店”、“圣诞节”等)。它非常不一致 - 偶尔重新加载页面会有所帮助，但可能需要多次刷新。

我在桌面设备(Chrome 设备模式)上查看主页以重现该问题，但没有成功。箭头的 CSS 如下:

.mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }

我尝试注释掉导致箭头和文本重叠的 right: 0。到目前为止，这是唯一“稳定”的东西 - 每次我在移动设备上加载页面时都会显示箭头。

我使用的是 OnePlus 3T Chrome，但三星 S9 也报告了问题，不确定它是否是特定于设备的。

谢谢。

Answer 1

请试试这个 css:

.mm-list a.mm-subopen {
    right: 0;
}