That worked for positioning. The typography main menu: dropdowns settings dont seem to work, they don’t do anything, so I had to manually style it using css:
.menu-item a {color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold !important; font-size: 13px !important; line-height: 20px}
.menu-item a:hover {color: #8bd1ef !important;}
.menu-item a:active {color: #8bd1ef !important;}
One more issue now though – I set the header -> dropdown styling ->background color to transparent, and that works for the menus, but my woocommerce cart drops down as transparent now – how can I force the woocommerce dropdown to remain opaque?