При создании сайта, в котором пункты меню разделены вертикальной линией или каким-то другим способом, возникает проблема — разделитель выводится и у последнего пункта. Как правило, разделитель задается css свойством border-right. Пример такой проблемы можно увидеть на скриншоте:
Меню с разделителем
Сразу бросается в глаза разделитель после пункта Новости — он лишний. Убрать разделитель после последнего пункта меню оказалось довольно просто — установить в админке для этого пункта меню css класс, для которого запретить рамку — border:none.
Зайдем в админку сайта, перейдем в Внешний вид -> Меню. По умолчанию возможность добавить свой класс к пункту меню в WordPress отключена. Чтоб ее включить вверху щелкаем по кнопке Настройки экрана и ставим галочку напротив пункта Классы css
Как включить класс для пункта меню
Осталось добавить последнему пункту меню какой-либо класс (назвав его, например, menu-no-border), а затем в файле css темы добавить этот класс и прописать ему свойство border:none. В результате разделитель после последнего пункта меню исчезнет.
3 комментария: Удалить разделитель у последнего пункта меню