Swell

Step 1

Go to Appearance > Customize > Additional CSS and paste in the following:

@media only screen and (min-width: 700px) {
    #main-nav-mega {
	right: 0;
	position: absolute;
	margin-top: -6px;
    }
}

@media only screen and (min-width: 700px) {

#main-nav-mega {

right: 0;

position: absolute;

margin-top: -6px;

}

Step 2

Copy the theme header.php file to your Child Theme.

Find:

<div id="main-nav" class="">

	<?php wp_nav_menu( array(
		'container'			=> 'nav',
		'container_id'		=> 'main-menu',
		'menu_class' 		=> 'sf-menu clear',
		'theme_location'	=> 'primary',
		'fallback_cb' 		=> 'main_nav'
	) ); ?>

</div>
<a href="#main-menu" id="menu-toggle"></a>

<?php wp_nav_menu( array(

'container' => 'nav',

'container_id' => 'main-menu',

'menu_class' => 'sf-menu clear',

'theme_location' => 'primary',

'fallback_cb' => 'main_nav'

) ); ?>

</div>

Replace with:

<div id="main-nav-mega" class="">

	<?php wp_nav_menu( array(
		'container'			=> 'nav',
		'container_id'		=> 'main-menu',
		'menu_class' 		=> 'sf-menu clear',
		'theme_location'	=> 'primary',
		'fallback_cb' 		=> 'main_nav'
	) ); ?>

</div>