Почему слетает содержимое кнопки?

Question

[Evgeniy]

Добрый день. На странице товара слетает содержимое кнопки только на IOS&MAC. У меня под рукой есть только Iphone 6, но он ошибку не показывает. Симуляторы Iphone есть но там не проверить из-за чего ошибка а симуляторов Mac не нашел. Страница https://vicomtorg.ru/shop/kresla/detskie-kresla/%d...
Кнопка покупки слетает. Буду благодарен любой помощи)

Comments

[Evgeniy]

Mesuti, там есть кнопка "В корзину". Кнопка остается на месте а вот фраза слетает вверх. На Iphone 6 работает хорошо, я тоже проверял, но на Iphone 11 слетает и на Mac-е тоже слетает.

[alexalexes]

Если слетают сведения о товаре в корзине, то нужно выяснять, что запрещает делать конкретный браузер в своем окружении: создавать переменные cookie, создавать переменные сеанса или локального хранилища, разрешена ли такая длина значений переменных; обусловлено это настройками браузера или зависит от его спецификации и т.д.

[Evgeniy]

Mesuti, можете проверить через www.lambdatest.com. У меня просто тариф закончился и я даже симулятором не могу воспользоваться.

[Evgeniy]

alexalexes, При чем хуки и при чем слетевший текст? О каких переменных вы говорите? Я спрашиваю о том, какое свойство CSS выдает конфликт. В данный момент у меня нет IOS или его симуляторов и я не могу самостоятельно проверять.

[Evgeniy]

Mesuti, можете помочь, я бы хотел проверять как видна кнопка. Как я могу это сделать? На Lambda у меня закончился тариф(

[ajderha]

У иконки с корзинкой, которая на кнопке стоит высота 150px. Если поставить высоту и ширину в 18px - все становится четко. Только span, в котором иконка и текст - добавить

display flex
align-items center

[Evgeniy]

ajderha, большое спасибо что не прошли мимо. Пожалуйста, напишите ваше решение в ответах. Я отмечу его решением.

Answer 1

[ajderha]

У иконки с корзинкой, которая на кнопке стоит высота 150px. Если поставить высоту и ширину в 18px - все становится четко. Только span, в котором иконка и текст - добавить

display flex
align-items center