Setting up the menu differenly as default can be done with some CSS.
To save you the hassle of finding out how, we have created a switch that simply does that for you! Go to the 'menu-header' section and set the 'Menu next to logo' to YES. That is all! This option will set the menu far-right, next to the logo, on the same line, making the nav-logo part have less of an impact on the screen real-estate.
Also make sure the menu has the main menu has the collapsible dropdown layout active, or it won't work!
You can play with the margins to your liking in the custom css section. Happy templating
No sticky menu
if you choose not to have you menu sticky (a cassiopeia template setting) then add this to the module's custom css section for your menu to stay next to your logo and not be sticky:
.container-nav {position: absolute !important}