Add triangle before submenu using css

Question

How can i add triangle to the following example Fiddle

I need to remove the parent menu with white background and show triangle to to make it look more like this<

Answer 1

Hope this helps, I have commented out some of your css and jquery scripts. Also, added a style at the end please kindly refer this link fiddle

The css I added follows,

.dropdown ul li:first-child > a:after {
 content: '';
 position: absolute;
 left: 30px;
 top: -8px;
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 8px solid #028F41;
 }