Fantastic!!! 😀
Thanks very kindly, works great for the desktop menu, but on mobiles it aligns the sub menus to the right.
In this case, I need the menu button still on the right, but the menu list still left aligned.
I think I have fixed it though at my mobile break-point with the following code:
@media screen and (max-width: 979px) {
/* Fix to left align menus again on small screens */
#main-menu {
float: left !important;
}
Hopefully, it proves OK.