Перейти к содержанию
lagrand

В адаптивной версии сделать кнопки в один ряд

Рекомендуемые сообщения

Добрый день.

Есть сайт https://gaston.com.ua. В адаптивной версии на телефоне кнопка купить и быстрый заказ находятся одна под одной, как сделать, что бы они были в ряд?

Спасибо.

viber imageаааа.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Могу поправить недорого, в ЛС

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, smartcoder сказал:

Могу поправить недорого, в ЛС

надеюсь найдутся добрые люди подскажут

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, lagrand сказал:

надеюсь найдутся добрые люди подскажут

Там нужно время, может и подскажут... если что обращайтесь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

поставьте дочерним блокам стиль float:left; и ширину главному блоку  width:100%, дочерним блокам 50%

и все это добавьте в стили


 

/* версия для мобильников */

@media screen and (max-width:756px){
тут добавьте стили
}

 

Изменено пользователем smartcoder

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, smartcoder сказал:

поставьте дочерним блокам стиль float:left; и ширину главному блоку  width:100%, дочерним блокам 50%

и все это добавьте в стили


 


/* версия для мобильников */

@media screen and (max-width:756px){
тут добавьте стили
}

 

Не получится, смотрю... там стоит

<div class="visible-xs visible-sm"><br></div>

между кнопками тег <br> включается и переносит кнопку во вторую строку

нужно убрать либо закоментировать эту строчку

<div class="visible-xs visible-sm"><br></div>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 минут назад, greendragon сказал:

Не получится, смотрю... там стоит


<div class="visible-xs visible-sm"><br></div>

между кнопками тег <br> включается и переносит кнопку во вторую строку

нужно убрать либо закоментировать эту строчку


<div class="visible-xs visible-sm"><br></div>

 

все так и получается + убрать строчку эту или закомментировать

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 минут назад, greendragon сказал:

Не получится, смотрю... там стоит


<div class="visible-xs visible-sm"><br></div>

между кнопками тег <br> включается и переносит кнопку во вторую строку

нужно убрать либо закоментировать эту строчку


<div class="visible-xs visible-sm"><br></div>

 

спасибо. все получилось.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.