ios - Magento 2 luma iphone 响应式菜单

Question

magento 2 的 luma 主题有一个错误。当我在 iPhone 上打开菜单时，菜单会打开很远。

它延伸到了屏幕的右侧。

如果我在 Android 上执行此操作，菜单将完美运行。

我查看了CSS代码，发现菜单宽度是使用calc()计算的；

它从 100% 减去 54px。我以为 iO 无法处理计算，但这不是问题。

然后我尝试摆弄父元素的宽度来找到计算问题。问题是这些都没有解决问题。更奇怪的是，在 Android 上它仍然可以正常工作。

有人对 luma 主题也有这个问题吗？并且可能找到了解决方案。

在此先感谢您的帮助。

Answer 1

在我们的网站上 https://dampershop.nl我们通过更改一些 css 解决了这个问题。

我们添加了:

html.nav-before-open, .nav-before-open body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

这使得 iphone/ios 设备可以正确打开响应式菜单。

希望对您有所帮助!