子菜单箭头未显示在手机上

时间:2018-12-13 07:37:47

标签: css shopify parallax

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

Homepage menu on mobile

我在台式机(Chrome设备模式)上查看了首页,以重现该问题,但未成功。箭头的CSS如下:

  

.mm-list a.mm-subopen {       宽度:40px;       高度:100%;       填充:0;       位置:绝对;       正确:0;       最高:0;       z索引:2; }

我尝试注释掉right: 0,这导致箭头和文本重叠。到目前为止,这是唯一“稳定”的事情-每当我在移动设备上加载页面时,箭头就会出现。

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

谢谢。

1 个答案:

答案 0 :(得分:-2)

pls尝试使用此CSS:

.mm-list a.mm-subopen {
    right: 0;
}
相关问题