Адаптивное меню Magento 2 luma для iphone

В теме яркости magento 2 есть ошибка. Когда я на айфоне и открываю меню, меню открывается слишком далеко.

Он протянулся за правую часть экрана.

Если я делаю это на Android, меню работает отлично.

Я просмотрел код css и обнаружил, что ширина меню вычислялась с помощью calc();

Он вычел 54 пикселя из 100%. Я думал, что iOS не справляется с вычислением, но проблема была не в этом.

Затем я попытался поиграться с шириной родительских элементов, чтобы найти проблему расчета. Проблема была в том, что ни один из них не решил проблему. И еще более странным было то, что на андроиде он продолжал работать правильно.

У кого-нибудь есть эта проблема также с темой luma? И, возможно, нашел решение.

Заранее спасибо за вашу помощь.


ios responsive magento2
person WillemT    schedule 20.04.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

На нашем веб-сайте https://dampershop.nl мы решили эту проблему, немного изменив CSS.

Мы добавили:

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

Это позволяет устройствам iphone/ios правильно открывать адаптивное меню.

Надеюсь, это поможет!

person Thijs    schedule 21.04.2016
comment
У меня была такая же проблема с iOS 9. Это решение сработало для меня. Спасибо! - person Galina; 16.05.2016