Вертикальное выравнивание элементов

голоса: 0

Здравствуйте. На сайте есть три круглых кнопки. В настольной версии они выравнены по горизонтали, хочу чтобы на айфоне они отображались вертикально в ряд. Подскажите что прописать для этого нужно? 

Так на компе.


Так надо на Айфоне

 

В стилях этот элемент  .ca-menu {display: table-cell;vertical-align: middle;} 

Попробовал такие стили написать но выходит не совсем то, что хотелось бы. Прошу помощи.

Адрес сайта ewtar.com
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
В ксс после этой строки
/***** iPhone (landscape) *****/
@media only screen and (min-width: 1580px) and (max-width: 767px) {

добавляем это

.ca-menu li{
float: none !important;
margin: 0px auto !important;
}
.ca-menu li:last-child {
margin: 0px auto !important;
}
| Автор:
Выбор ответа лучшим | | Автор: Михаил Коллинс
...