Адаптивный шаблон - Оформление заказа на iPhone

[dojer]

Подскажите, пожалуйста, в чем может быть причина. При оформлении заказа на айфон все поля в 1 пиксель шириной. На андроид все ок. Что это может быть? Что надо поправить в стилях? https://8t.com.ua/

[alexys777]

Причина в стилях, попробуйте поиграться с min-width

[dojer]

04.06.2022 в 21:22, alexys777 сказал:

Причина в стилях, попробуйте поиграться с min-width

 

 

Змінено 4 червня 2022 користувачем dojer

[dojer]

04.06.2022 в 21:22, alexys777 сказал:

Причина в стилях, попробуйте поиграться с min-width

 

Проблема ушла, когда я в stylesheet.css

input[type='text'], input[type='password'], textarea {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-left: 0px;
    margin-right: 0px;
}

добавил min-width: 100%, но полезли стили в карточке товара и скорее всего везде.

в файлах simple.css и style_mob.css вместо width: 100%; поставил min-width: 100%.

.simplecheckout-customer-right input[type=text], .simplecheckout-customer-right input[type=password], .simplecheckout-customer-right textarea, .simplecheckout-customer-right select {
    min-width: 100%;
}

Проблема осталась.

 

Айфон не хочет переносить поле ввода с новой строки после названия. На андроиде переносит и поле получается на всю строку.

 

 

[alexys777]

Тогда нужно в лезть в шаблон и обернуть ваши inputы

[dojer]

04.06.2022 в 23:20, alexys777 сказал:

Тогда нужно в лезть в шаблон и обернуть ваши inputы

 

А можно чуть подробнее как это сделать?

[alexys777]

.simplecheckout-customer-right input[type='text'], input[type='password'], textarea {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-left: 0px;
    margin-right: 0px;

    min-width: 100%
}

 

попробуйте так, должно помочь

[dojer]

04.06.2022 в 23:27, alexys777 сказал:

.simplecheckout-customer-right input[type='text'], input[type='password'], textarea {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-left: 0px;
    margin-right: 0px;

    min-width: 100%
}

 

попробуйте так, должно помочь

 

Это в каком из этих трех файлов надо сделать stylesheet.css, simple.css, style_mob.css и вместо чего?

[alexys777]

Попробуйте вообще кеш почистить, у меня на айфоне все корректно отображается

[dojer]

04.06.2022 в 23:39, alexys777 сказал:

Попробуйте вообще кеш почистить, у меня на айфоне все корректно отображается

 

Хорошо. Спасибо. У меня не айфон, человек который может проверить уже не на связи. Завтра попрошу его почистить и проверить. Спасибо Вам большое! )) Доброй ночи.