How to change mobile navigation button location?

Hello,

I would like to move the three-bar menu button on the mobile view to be under the logo/header. I have done this for the larger views using the below code in my functions.php file:

// Move menu below logo
add_action( 'after_setup_theme', 'child_theme_setup', 11  );

function child_theme_setup() {
	remove_action( "omega_before_header", 'omega_get_primary_menu' );	
	add_action( "omega_after_header", 'omega_get_primary_menu' );	
}

This works well for large screen sizes. However, when reducing the window size on a PC, the menu changes to the mobile three-bar menu.

The issue is that this menu is a hover-over, not a click-open. When hovering, the above code forces the menu below the header, and so there is no physical way to move the mouse from the three bar menu button to the actual menu.

You can test this here, be sure to set the window width to 920px or less:

theboredactuary.com

• This topic was modified 8 years, 9 months ago by tora0515.