Responsive Stacking Order

celestemoroney · June 2020

Hi can you please provide the css to reverse the stacking order on mobile devices, for Muffin Builder?

For example, adding the class of flip and adding the following css works on other builders, but not muffin builder.

/***[Switch column order on mobile]***/

@media only screen and ( max-width: 980px ) {
.flip {
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: flex;

flex-direction: column-reverse !important;

}

Pablo · June 2020

Hello,

Sadly, it is not possible with the CSS - our builder is not using the flex display so this code will not work.

You would have to catch it with jQuery and reverse it.

Thanks

celestemoroney · June 2020

Can you please provide the jquery?

Pablo · June 2020

Sorry, but we do not help with creating jQuery/JS scripts on the support forum.

We only help with understanding the theme, fixing theme bugs and minor css tweaks.

Thanks

Comments