YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar florianwachter asked

Menu divider at avanti

HEY guys,

what is the best way, to create a vertical line between the main menu points in the avanti theme?

  • Joomla
  • UIkit
  • Avanti

2 Answers


Avatar danny Yootheme answered


You could do that by opening the yoo_avanti/css/custom.css and add the following code:

.uk-navbar-nav > li:not(:first-child) { border-left: 1px solid rgba(255,255,255,0.1); margin-left: 15px; }  
.uk-navbar-nav > li:not(:first-child) > a { padding-left: 25px; }

you may want to play around with the colors or spacings ;)


Know someone who can answer? Share a link to this question via email or twitter.