Code to move left sidebar widgets UNDER site content

[Alyssa]

@george123 New code to move the left sidebar on mobile, add to child theme functions.php:

function move_left_sidebar(){
?>
<script>
if ( $("#mobile-check").is(':visible') ) {
	$('#main .left-widget-area').insertAfter($('#main .site-content'));
}
</script>
<?php
}
add_action( 'wp_footer' , 'move_left_sidebar' );

[George]

@tjchester is something missing? I copy/pasted that to functions.php with no change.

Check my site for testing purposes if needed. Pasted that into functions.php.

[Alyssa]

@george123 yes, I was going about it the wrong way. Inline fixed above is some new code that is 1) upgrade safe and 2) works on resize!
Tested 110% upways, downways and slantways.

[George]

It is working now, but by default it loads the other content, then when you touch the screen.. it pushes the correct content to the top. It used to put the site content automatically up top.

[Alyssa]

@george123 ok, removed the resize coding portion. Thought it was working :(. Fixed now 🙂

[George]

b-e-a-uuutiful

Thanks again.

[Alyssa]

No problem.