Responsive mobile menu (button positioning help)

[ScottReinmuth]

I want to change the mobile button positioning on a site i am developing. Here is the code I am trying to change.

		if ($( '.nav-mobile' ).length > 0 ) {
			$( '.nav-mobile' ).before( toggleButtons.menu ); // add the main nav buttons
		} else {
			$( '.nav-header' ).before( toggleButtons.menu );
		}

I trying to make it put the toggle button above a custom header image I have already created when the screen size is mobile and put the toggle button under the header for desktop screen sizes. This is the code now.

		if ($( '.nav-mobile' ).length > 0 ) {
			if( $(document).width() > 480 ){
                        $( '.custom-header-logo' ).after( toggleButtons.menu ); // add the main nav button
                    } else{
                        $( '.nav-mobile' ).before( toggleButtons.menu );// add the main nav button             
                    }
		} else {
			$( '.nav-header' ).before( toggleButtons.menu );
		}

Now the problem is that when I change the code to this it looks great. But now the toggle function does not work anymore. Why? I haven't changed any functionality just where the buttons are positioned.

[Susan]

I am closing this, as you have marked it "resolved". If you are still having issues, please go ahead and start a new thread.

[Author]

Posts