If you don’t already have a Child_Themes or a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.
.sub-menu li a {
text-align: left;
}
I was using the customize/custom CSS on the theme. I had tried this CSS code there but it hadn’t worked before.
Using the Custom CSS plugin (which by the way, Thank-you for recommending that one) worked great.
out of curiosity, any idea why that code wouldn’t work in the customize CSS part of the theme?
Usually the custom/customizer css should be called after style/main css but sometimes themes do it the other way round so some customization is overridden by the main styles. Also caching can be an issue