Как правильно сделать псевдо-элемент треугольник в меню?

Сайт делается под вордпресс, использую сетку бутстрап и адаптивную верстку вордпресса. Хочу вставить псевдо-элемент треугольник в меню, но по какой-то причине он встает не туда куда надо, хочу сделать что-то типа такого.

Вот часть кода который не могу сделать

введите сюда https://codepen.io/Xva1er/pen/GRzVKmm