これを変更したい:
<div id="main 1" style="background: #ccc;" class="fourcol first clearfix" role="main">
LEFT
</div>
<div id="main middle" style="background: #ddd;" class="fourcol middle clearfix" role="main">
MENU
</div>
<div id="main 3" style="background: #eee;" class="fourcol last clearfix" role="main">
RIGHT
</div>
これに(順序:メニュー、左、右)、ウィンドウのサイズを481px未満に変更すると、;
jQuery(document).ready(function($) {
$(window).resize(function() {
var responsive_viewport = $(window).width();
if (responsive_viewport < 481) {
$('#inner-content').parent().prependTo('middle');
}
});