Олег

пункт_меню {
    position: relative;
}
пункт_меню:before {
    content: '';
    position: absolute;
    left: 45%;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom: 6px solid #000;
}

Дайте ссылку, посмотрю и смогу подсказать. Скорее всего не все префиксы добавили. Которые new, возможно, у вас не прописаны.

container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; /* NEW */
-webkit-flex-wrap: wrap; /* NEW */
display: flex;
flex-wrap: wrap;
justify-content: center;
}

дополнительно к тому, что уже посоветовали, есть ещё вариант - высоту блока с названием задать такую, чтобы она была под 2 строки:)

удобство данной карусели под большим вопросом! я для карусели всегда использую owl-карусель. для всех моих задач она всегда подходила.

нужно в верстке сделать 2 колонки. 1 под вертикальное меню, 2 под контент. логично же:)

owl лучшее, что можно найти. имхо.
https://owlcarousel2.github.io/OwlCarousel2/

В стандартном андроид браузере с данным мета-тегом все равно увеличение пальцами работает(( есть решение, которое работает для этого браузера?