Hi sneadm,
You can add the following CSS code to the custom.css of your template and then clear the cache.
/*Custom Menu - css*/
li.mainMenuParentBtn {
overflow: visible !important;
}
li.mainMenuParentBtn:hover ul {
left: 0!important;
top: 100%;
box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
right: auto;
z-index: 2;
margin-top: 1px !important;
background: #fff;
width: 22em !important;
word-wrap: break-word;
padding: 20px 0 !important;
}
li.mainMenuParentBtn:hover ul li {
box-shadow: none !important;
word-wrap: break-word;
height: auto !important;
padding: 8px 15px !important;
}
li.mainMenuParentBtn:hover ul li span {
padding: 0;
}
li.mainMenuParentBtn:hover ul li a {
white-space: break-spaces !important;
text-transform: capitalize;
font-size: 16px !important;
line-height: 1.5;
}
Hope this helps!