Bootstrap Column ordering

Some image. And much more magic is possible with those options.

http://answers.themler.com/questions/18701/feature-requests

This is a really important feature!

I am struggling very much when someone wants left menu.

This problem needs to be addressed urgently and still remains problem of responsive menu showing in Tablet mode. This way I could hide left menu on some devices and show responsive menu (hidden top menu) on some devices.

I am using this code, but behave strange and count windows scroll width inside, so it is not consistent.

<pre class>&lt;script type="text/javascript"&gt;
jQuery(window).resize(function(){
if (jQuery(window).width() &lt;= 580){
jQuery(document).ready(function() {
jQuery('div.some-sidebar1').insertAfter('div.some-content');
});
}
});
&lt;/script&gt;</pre>

Hello Stagger Lee,
thank you for your suggestion and related details you provided.
Lets vote for this feature.

Regards,
Aileen

Hi,

We implemented Columns Ordering feature using FlexBox Order attribute.
For example, look at this Section:
http://templates.themler.com/Themes/Detail/2636029/Design-Six-Columns

By default, Tablet Responsive mode does not look as cool as Desktop mode.
To make it look better we need to re-order two columns/cells.
For this we added Column >> Arrange >> Order property.

Thank you,
Themler Team

Last edited 25 December 2015 by Support Team

Thank you. Very needed option.

For other users. You can put left sidebar, content area, right sidebar, in one row with 3 columns. And still have vertical menu inside right sidebar and on the top when viewing in smartphones. Not under content.

Maybe problem are things under vertical menu in right sidebar. But, all is possible with Themler, just use your imagination. Layout is up to you how you will make it.

Thats great!! Thanks for the explanation, i was wandering what is this option for actually.

Hi,

I have added flex-order to the phone design for the magento-theme to a row. But no order change is occurring.

I see the order: 1, 2,3 in the css apearing when scaling to a phone size.

What am I doing wrong?

Regards
Jurjen

Hi,

I figured it out. You need to set the row-heigth to flexbox. Only then does it work.

Regards
Jurjen

I figured it out. You need to set the row-heigth to flexbox. Only then does it work.

The Row Height property does not seem to include or allow a 'flexbox' value. Where do you find this setting, please? 'Auto' doesn't work.

Last edited 17 January 2018 by rgfuller

Hi,

Please let us know what issues do you have with the flex order? The option should work fine with the display option set to flex and the flex-order option set to the desired values. If that does not work, provide a link to your site and explain what does not work.

Sincerely,
Hella