Олег

пункт_меню {
    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;
}

Где шаблон для кнопки "добавить в корзину" и "отправить запрос"

Рекомендую по фтп скачать целиком папку с шаблоном сайта и поиском по тексту "добавить в корзину" поискать файл, в котором эта кнопка и туда уже добавить нужный код. Шаблон сайта лежит тут: /public_html/bitrix/templates/папка_с_шаблоном/
Для поиска по содержимому файлов можно использовать файловый менеджер Total Commander.

или можно просто js-скриптом навесить цель на кнопку:
$('.tovar .add-to-basket').attr('onclick','yaCounterXXXX.reachGoal("идентификатор_цели")');
.tovar .add-to-basket селектор кнопки

что значит "просто появлялась"? не понятно)

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

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

Вот накидал пример: https://jsfiddle.net/nugget_sti/r34wvd48/ осталось придумать, как скруглить правый угол))
Чтобы блок подстраивался под контент, добавить js

Интересный вопрос. Ссылку напишите, чтобы на реальном сайте посмотреть.

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

вобще без каких-либо надписей? просто с белыми кнопками?))) для чего такая понадобилась? :)

"И с этим связана ещё одна проблема, ссылки у меня имеют такой вид из-за того, что у меня имеется дочерняя страница, и единое меню."
Я так и не понял для чего такие ссылки что там за дочерняя страница и меню?)) ссылку нужно на страницу.
ИМХО переделать нужно по нормальному и не изобретать колесо))

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

После работ по проекту исходники не удаляют) при необходимости внести изменения, правят исходники и тем же gulp-ом снова компилируют все в минифицированные файлы и заливают из на сервер:)

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