Enhance the menu bar

the menu bar look very poor and simple can i enhance it a little by adding
for example line separator between primary menu items

see the pic bellow menu

Best Regards

Hello there,

You can achieve it with this extra CSS code:

#mainnav ul.menu > li {
  border-right: 1px solid #fff000;

#mainnav ul.menu > li:last-child {
  border-right: none;

Add it to Appearance > Customize > Additional CSS from dashboard.


working perfectly and looks very good


You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.