Change the order Betheme column's stack on mobile

Hi,

Is there any way to change the order Betheme column's stack on mobile? The result on desktop are fine but this is our problem in mobile:
http://prntscr.com/cwbt3r

and this is the look on desktop:
http://prntscr.com/cwbskt

We need it to be like this on mobile:
image
heading
columntext
image
heading
columntext
image
heading
columntext

Actually it is:
image
image
image
heading
heading
heading
columntext
columntext
columntext

Any way to do it using css?

Comments

  • Hi,

    responsive reads always the content by rows from the left side to the right. So if you want to change it's order on mobile devices, you need to put necessary blocks into WRAPS and then responsive would read them as you want.
  • Okay we solved it, thank you!
  • Dear i have the same problem when i look my side on mobile, you say to solve the problem: necessary blocks into WRAPS

    But i am quite new to this and it means nothing to me, can you please give me more detaild info to stack the elements in propper order, our give me a link where i cant find a good tutorial on how to do this? 

    1 offtopic questions, are you guys planning to update the muffin builder in the future, i love it but if you never update it it get to much behind with other builders like elementor i geuss.

    Thanks for all and keep up the good work, best regards  Cor
  • The Muffin Builder is going to be updated, of course - it's still in the development ;)
    Sadly, chaning the ordering of render will be really hard, because it's hardly coded to render from left to right.

    We have an video which is explaining how to use the Muffin Builder here:
    It's quite old, so few elements can be different :(

    Also, we strongly suggest to be familiar with this support center, this is our new documentation with a lot of awesome explained FAQs and even more :)

    Oh, I almost forgot, we have the "Responsive Visibility" option which allows you to create separate sections for mobile/tablet/desktop only, you can change that in the section settings:

    Thanks
  • Dear thank you so much and good to hear the muffin builder should become updated in the future F..K elementor :-)

    I have 1 more question and i promise its the last one, the zoom effect when you scroll over the pics. i cant remeber anymore how i did set that, i did it before on the grey small pics at the bottom of this page https://thaitshirtfactory.com/labanoon-t-shirts/

    Can you tell me how i can do it for all my pics? thanks in advantage and have a great weekend. best regards  Cor
  • @windyfightgear For this effect is responsible Image Frame option located in Betheme > Theme Options > Global > General section.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.