danny-d of Boomtime
8/22/2017 - 2:40 PM

**Edit Individual Subnav** Add class to each sub-nav in Divi for separate styling. (add this code to Divi > Theme Options > Integrations > B

Edit Individual Subnav Add class to each sub-nav in Divi for separate styling. (add this code to Divi > Theme Options > Integrations > Body scripts. This will add a class to each individual sub nav (ie "sub-nav-1", "sub-nav-2" and so on). These new classes can now be styled individually to target the border-color, or anything else you want.

subnav-border.css
content_copyfile_download
.nav li ul.sub-menu-1, 
.nav li ul.sub-menu-4 {border-color: red;}
.nav li ul.sub-menu-2,
.nav li ul.sub-menu-5 {border-color: blue;}
edit-indiv-subnav-borders.html
content_copyfile_download
<script type="text/javascript">
  jQuery(document).ready(function($) {
    $( ".menu-item-has-children .sub-menu" ).addClass(function( index ) {
      return "sub-nav-" + index;
    });
  })
</script>