Menu Separator for Menu & Submenu Items

[mharding]

I’m not sure but it appears there are no separator option for dropdown menus or between horizontal menu items. Am I correct?

[timmse]

Hi Michael,
welcome to the forum!

You can add a border (which is basically a divider) to the menu items. Let’s say you have a horizontal menu (see screenshot), adding border-right in Top Level Menu will separate each menu item. The only thing you need to do is to remove the border from the last element in custom css (and probably remove it on lower breakpoints when your menu layout changes):

/* Remove border-right on last item */
root .bricks-nav-menu > li:last-child a {
  border-right: 0;
}

Best regards,
timmse