Ребята, это очень интересные примеры, но абсолютно не то
проблема в том что это не геометрические фигуры, а логотип с надписью - как картинка
под ними идет фон - на всю ширину окна, но при этом рабочая область самого сайта и шапки в целом ограницена и по центру. Главная заморочка, что логотип при уменьшении окна тоже уменьшается в размерах и вот тут идет главная интрига - линия с полукругом
Максим, Вы неверно уловили суть проблемы
из двух описанных ситуаций в теле вопроса Вы выбрали втрой результат выдаваемый после компеляции кода
поэтому все решения касательно задвоения кода не имеют к вопросу отношения
Hyubert, если подвинуть меню третьего уровня по горизонтали, то лучше видно, что оно выводится там где надо, но под слоем второй половины разбитого списка второго уровня
при этом сверху левой половины этого же списка
Hyubert, часть меню третьего уровня накрывается сверху второй половиной колонки
позиционирование на месте, так как сиреневая полоска начала и сиреневый треугольник видны