Как стилизовать форму?

Question

[blazer05]

Здравствуйте.
Есть проблема со стилизацией формы. С мобильного все ломается с десктопа более менее терпимо. myshop.sharelink.ru
В первом слайдере зеленая кнопка "Купить в 1 клик" помогите подогнать ее в мобильной версии.

Answer 1

[Dymok]

.item-action-btn input[type="image"] { 
max-width: 100%; 
}

.owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

Но так верстать - это ужас

Comments

[Brake Made]

Согласен , лучше воспользуйтесь bootstrap-ом

Answer 2

[Brake Made]

Да кнопка у вас норм, у вас проблема с формой и с другой кнопкой :)

Answer 3

[Максим Тимофеев]

Многое повидал, но это просто hardcore, как с точки зрения дизайна, так и реализации. Кроссбраузерность и адаптация под мобильные это последнее, что должно Вас волновать.
Возьмите css framework какой-нибудь. Вы же в тегах bootstrap указали, так почему не используете.
Модалки так делать нельзя, Вы их не приведете в порядок, в любом css framework они есть из коробки и правильные. У Вас там и с другими формами проблемы, особенно при ориентации экрана landscape. Кнопки просто не видны, не влазят в экран. Скролл обязательно нужен.
Никогда не делайте кнопки картинками, это же ад, и смотрится ужасно с кривыми краями.
И исправьте ошибки в консоле, прежде чем дальше двигаться.

Comments

[blazer05]

А вы не удивляйтесь, изначально был нормальный дизайн в виде лендинга. Клиент захотел из лендинга сделать шаблон магазина. И естественно миллион вносилось изменений согласно его запросам. Вот и результат того что есть. Я ему говорил, что там живого места нет, все что можно было уже изменили и заменили. На что в ответ, это Россия детка тут все через жопу.

[Максим Тимофеев]

blazer05, Он попросил кнопки картинками сделать?

[blazer05]

Максим Тимофеев, так делал верстальщик, который переделывал шаблон. И в чем проблема, что кнопки в виде картинок? Шаблон сверстан в html+css, если подключить сейчас бутстрап то шаблон сломается т.к. стили бутстрапа где то с чем то пересекаются. Это нужно тогда переверствывать его полностью на бутстрапе.

[Максим Тимофеев]

так делал верстальщик, который переделывал шаблон

Уволить, пусть кушает пыль с дорог, пока хотя бы 1 книжку не прочтет.

И в чем проблема, что кнопки в виде картинок?

Это плохо выглядит, это не оптимально, это не гибко, это признак неумения верстать в принципе.

если подключить сейчас бутстрап то шаблон сломается

обязательно, но решить эту проблему проще и быстрее, чем дальше страдать онанизмом

Это нужно тогда переверствывать его полностью на бутстрапе

Там верстать нечего. Делов на 1 день.

П.С.: я бы дизайнеру и верстальщику за это не платил. Это не работа, у меня дочь 7 лет лучше делает. Как минимум знает основы, нельзя так пестрить цветами, писать по поцарапано-коричневому желтым и красным и т.д. Это не сайт, а справочник ошибок начинающих дизайнеров и верстальщиков.