Hello,
To change the background color and font color of dropdown menu you can use the below CSS code in global custom CSS are under theme settings >> custom CSS:
.vertical-navigation .item-level-0:hover>a {
background-color: pink;
color:black;
}
.header-categories-nav .categories-menu-dropdown .menu {
background: red;
color:black;
}
Code for further menu dropdowns:
.vertical-navigation .menu-simple-dropdown li a{
background: red;
color:black;
}
.vertical-navigation .menu-simple-dropdown li a:hover{
background: orange;
color:black;
}
To add ribbons you need to edit you menu items in Wp-Bakery with html blocks, from the “Label text (optional)” field inside extra menu list element settings, you will be able to add any ribbon.
Best Regards.