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
.site-header .site-logo-link {
clear: none;
}
@media screen and (min-width: 768px) {
.woocommerce-active .site-header .main-navigation {
width: auto;
float: left;
clear: none;
}
}
if you want it to move up a tiny bit then use the following instead:
.site-header .site-logo-link {
clear: none;
}
.secondary-navigation {
display: none;
}
@media screen and (min-width: 768px) {
.woocommerce-active .site-header .main-navigation {
width: auto;
float: left;
clear: none;
}
}