How to make general wide midde left, middle right show on top in mobile view?

[Wei Hong]

Dear Flynax Dev.,

In template General Wide:
In mobile view:
- The content box with side MIDDLE, stay above side LEFT.
- But the content box with side MIDDLE_LEFT and MIDDLE_RIGHT, stay below side LEFT.

How do I make so that:
In mobile view the:
- The content box with side MIDDLE_LEFT and MIDDLE_RIGHT, stay above side LEFT.

Thank you

[Viktor]

Hello Wei Hong,

Go to ftp://templates>>your_template>>js>>lib.js

find code:



this.sidebar = function(mode){
if (mode == 'clear') {
if ( $('aside.left.second-copy').length > 0 ) {
$('#main_container > div.inside-container > div > aside.left').append($('aside.left.second-copy > *'));
$('aside.left.second-copy, aside.left.first-copy').remove();
}
}
else {
if ($('aside.left.second-copy').length <= 0) {
var target = $('#content aside.middle').length ? '#content aside.middle' : '#controller_area';
$(target).after('<aside class="left second-copy clearfix"></div>');
$('aside.left.second-copy').append($('#main_container > div.inside-container > div > aside.left > *:not(.stick)'));
}
}
};


and remove all code in this method. Save and check again.

[Wei Hong]

Hi Viktor, Thank you for your fast response. I tried to remove the code from lib.js but it still show the same order in mobile view. side LEFT still stay above side MIDDLE LEFT and MIDDLE RIGHT in mobile. :(

I'm testing it on homepage with MIDDLE LEFT and MIDDLE RIGHT are categories content boxes, and LEFT are comments box, news box, and some information boxes.