Решено Добавить вертикальный разделитель в меню

[Moonlight31]

Добрый день!
Подскажите пожалуйста, как добавить вертикальный разделитель в primary menu


В Top menu такой разделитель уже есть

Ссылка: http://mynligzk.bget.ru/

Заранее спасибо!

 

[dave14]

попробуйте добавить в конец style.css темы:

#main-menu li:after {
    content: '|';
    margin-left: 14px;
    color: #cfd3d7;
}

#main-menu li:last-child:after { display: none }

хотя без разделителей имхо лучше)

 

[Moonlight31]

По мне тоже, без них смотрится лучше)

 

[dave14]

По мне тоже, без них смотрится лучше)

код мой оставьте, посмотрю, что еще нужно добавить

 

[Moonlight31]

код мой оставьте, посмотрю, что еще нужно добавить

Спасибо большое)

 

[dave14]

небольшая поправка

#main-menu li a:after {
    content: '|';
    margin-left: 14px;
    color: #cfd3d7;
}

#main-menu li a:last-child:after { display: none }

 

[Moonlight31]

небольшая поправка

#main-menu li a:after {
    content: '|';
    margin-left: 14px;
    color: #cfd3d7;
}

#main-menu li a:last-child:after { display: none }

вставил последнее - пропали)
первый кусок удалил

 

[dave14]

так, только этот кусок попробуйте для начала:

#main-menu li a:after {
    content: '|';
    margin-left: 14px;
    color: #cfd3d7;
}

 

[Moonlight31]

так, только этот кусок попробуйте для начала:

#main-menu li a:after {
    content: '|';
    margin-left: 14px;
    color: #cfd3d7;
}

 

[Moonlight31]

так, только этот кусок попробуйте для начала:

#main-menu li a:after {
    content: '|';
    margin-left: 14px;
    color: #cfd3d7;
}

Спасибо))
Можно ли выставить выравнивание по середине?

 

[dave14]

Спасибо))
Можно ли выставить выравнивание по середине?

ну, например так:

.sf-menu>li {
    margin-left: 15px;
}

 

[Moonlight31]

ну, например так:

.sf-menu>li {
    margin-left: 15px;
}

Спасибо большое)