Как поправить кнопку на IOS?
Помогите пофиксить косяк на Маке. (У меня нет Мака а онлайн-эмуляторы не помогли. Максимум можно увидеть этот косяк, а инструментов разработчика нет.)
На странице корзины у Мака улетают кнопки удаления товара.
ссылка на временный сайт
https://draintrouble.s2-tastewp.com/shop/
Так везде, кроме Мака
Так на Маке. Причём кнопка появляется только при прокрутке.
Какие стили добавить?
Дополнительно:
Ни в сафари, ни в вивальди на маке ничего никуда не улетело
Почему просто не задать border и border-radius для спана, который вокруг svg? Зачем куча лишнего кода и абсолют??
Всё что можно сделать - это перебить своими, добавленными стилями.
хз
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для исправления проблемы с кнопкой на устройствах IOS, вам следует учитывать особенности данной платформы. Вот несколько шагов, которые могут помочь вам решить проблему:
1. Проверьте CSS стили кнопки: Убедитесь, что стили кнопки не конфликтуют с особенностями отображения на IOS. Например, IOS может игнорировать определенные стили, такие как outline или border-radius. Попробуйте убрать такие стили и посмотреть, как это повлияет на отображение кнопки.
2. Используйте специфичные для IOS стили: Для более точного управления отображением кнопок на IOS у вас есть возможность использовать специфичные для этой платформы стили. Например, вы можете добавить -webkit-appearance: none; для сброса стилей по умолчанию на IOS.
3. Проверьте JavaScript события: Если кнопка имеет какие-то JavaScript события, убедитесь, что они корректно работают на устройствах IOS. Некоторые события могут не срабатывать или работать иначе на этой платформе.
Приведу пример использования специфичного для IOS стиля в коде:
.button { -webkit-appearance: none; padding: 10px 20px; background-color: #3498db; color: #fff; border: none; border-radius: 5px; }
Надеюсь, эти советы помогут вам исправить проблему с кнопкой на устройствах IOS. Если проблема остается, пожалуйста, предоставьте более подробную информацию о коде и поведении кнопки, чтобы мы могли вам более точно помочь.