@Oceanliner_Designs
Add the following to Design > Custom CSS.
// begin menu item dividers, uses LESS syntax
// desktop
.Header-nav-item--folder:nth-of-type( 2 ) { // ships
.Header-nav-folder-item:nth-of-type( 3 ), // lusitania
.Header-nav-folder-item:nth-of-type( 5 ) // shipping lines
{
border-bottom : 1px solid;
margin-bottom : 0.5em;
padding-bottom : 0.75em;
}
}
// mobile
.Mobile-overlay-folder:nth-of-type( 2 ) { // ships
.Mobile-overlay-folder-item:nth-of-type( 3 ), // lusitania
.Mobile-overlay-folder-item:nth-of-type( 5 ) // shipping lines
{
border-bottom : 1px solid;
margin-bottom : 0.5em;
padding-bottom : 0.5em;
}
}
// end menu item dividers
This is for v7.0 using the Brine template family and is very specific to the poster's need. All the previous caveats apply. You'll need to remove the place holders first.
Let us know how it goes.
Oceanliner_Designs got a reaction from creedon in How can I add a line in a drop-down menu at a specific point?
