Ankhena

Имеет смысл поступить так:

Заменить ссылку на кнопку buttonи связать её с формой с помощью атрибута form.
Форму из этой кнопко-ссылки удалить.
Останется просто <button form="id-вашей-формы">Log out</button>

Заменяете<p> вокруг строчек на таблицу, в нужных местах расставляя table, tr, th, td

Без PHP, без JS, просто волшебный flex
https://jsfiddle.net/f4we58uz/

Есть тег <datalist> https://webref.ru/html/datalist

Первый элемент
Последний элемент
Еще, возможно, это: :nth-last-child

Сохранять файлы в UTF8 без BOM

Вертикальность определяется с помощью стилей в CSS и не зависит от CMS.

Вот и вся разница между горизонтальным и вертикальным меню:
https://jsfiddle.net/xb8bkt0c/

А еще их можно добавить редактируя только CSS, не лазая в PHP

.store-horizontal li:nth-child(нужный номер):after {тут стиль}

либо

.store-horizontal li:nth-child(нужный номер) a:after {тут стиль}

https://webref.ru/html/optgroup ?

Сравнивать урл и ссылки (можно на php, можно на js). Если совпадает (или содержит) то добавлять класс.

Берете текущий урл.
Проверяете чем заканчивается, слешем или нет, если слешем сразу отрезаете.
Дальше отрезаете все до следующего слеша.
Получаете ссылку, как Вам надо.

$_SERVER['REQUEST_URI'] на php
window.location.pathname на js

А вообще логичнее получать родителя на бэкенде из БД, а не махинациями с урлом.

Проверить все буквы /style.css
Проверить путь к файлу

Можно как то их местами поменять?

Для адаптива или навсегда?

Если для адаптива

Контент в одном файле, сайтбар в другом.

Без разницы в каких они файлах, важно что у них с родительским блоком.
Если один, то flex и order.
Если разные, то дублировать меню и с помощью media одно скрывать другое показывать.

Если навсегда:
То либо оставить вариант с флексами, либо переверстать по нормальному.

Вы как-то странно ставите кавычки для echo, то одинарные, то двойные.

Вариант 1:
Если снаружи одинарные, то внутри ставьте двойные. Либо наоборот.

Вариант 2:
Экранирование. Если хочется всюду одинарные или всюду двойные, то перед теми, которые должны отображаться ставьте экранирование, обратный слеш.

Просто удалите вот эти строчки из страниц или шаблона. Начать с поиска в шаблоне.

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>

По всякому бывает.
Проще всего, сайдбар это так расположенное меню, размещенное одинаково на всех страницах.
Можно развлекаться с аяксом и/или фреймами.