Support Center Visit Demo License manager Buy @ envato

Change the order Betheme column's stack on mobile

LosekLosek
in Theme Options
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

  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • LosekLosek
    Okay we solved it, thank you!
  • AlbertAlbert
    Great! :)
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • windyfightgearwindyfightgear
    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
  • PabloPablo
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • windyfightgearwindyfightgear
    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
  • AlbertAlbert
    @windyfightgear For this effect is responsible Image Frame option located in Betheme > Theme Options > Global > General section.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.