Magento 2 亮度 iphone 响应式菜单

Question

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

它超出了屏幕右侧。

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

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

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

然后我试着摆弄父元素的宽度，找到计算问题。问题是它的 none 解决了问题。更奇怪的是，在 android 上它一直正常工作。

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

在此先感谢您的帮助。

Answer 1

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

我们添加了：

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

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

希望对您有所帮助！

Magento 2 luma iphone responsive menu