I've applied a border radius to the top menu items but would only like this border radius to be applied to those items without a dropdown menu. Those with a dropdown I would like to apply the border-radius to the top of the item only. The problem is I can't figure out if there is a class I can integrate for those items only.
Here is how the radius is currently being applied.
.sf-menu > li:hover, .sf-menu > li.sfHover, .sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active { background: #787878; outline: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
I've applied a border radius to the top menu items but would only like this border radius to be applied to those items without a dropdown menu. Those with a dropdown I would like to apply the border-radius to the top of the item only. The problem is I can't figure out if there is a class I can integrate for those items only.
Here is how the radius is currently being applied.