Исправьте разметку, чтобы она имела смысл везде.
Не следует разделять элементы навигации с помощью символов вертикальной черты, искусство ASCII плохо сочетается с семантической разметкой.
Используйте элементы списка для всей навигации и оформляйте их по-разному, используя медиа-запросы. Вы можете использовать границу на одной стороне элементов списка, чтобы создать видимость вертикальной линии между элементами.