Question

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

Так на компе.

---

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

 

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

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

Answer 1

В ксс после этой строки
/***** 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;
}