Адаптивный шаблон - Оформление заказа на 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 сказал:

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

 

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